N900 – Custom Conversations Hack

I thought I would share the love of custom SMS/IM screens in the Nokia N900’s Conversations app.

A few weeks ago I came across this thread on talk.maemo.org: Customize N900 Conversations.

Basically the guru’s worked out which css/js and HTML files to edit, giviing us the ability to create custom Conversation windows.

Here are a few screen shots of what is possible:

Download here

download here

Download HERE

A big thanks goes out to B666m for helping us find the files and pointing people in the right direction with some basic how-to stuff.

So how do you do the mod?

Firstly let me say this is all done at your own risk and if you are not clued up on any of the code, please be very careful…

So basically there are 9 files that are involved. Please not that depending on what you are doing you may only be changing some of the files. It is also possible too have two completely different styles for you SMS and IM conversations windows.

The files are called:

MessagingWidgetsChatConversation.css

MessagingWidgetsChatConversation.js

MessagingWidgetsChatConversation.html

MessagingWidgetsSingleSMS.css

MessagingWidgetsSingleSMS.js

MessagingWidgetsSingleSMS.html

MessagingWidgetsSMSConversation.css

MessagingWidgetsSMSConversation.html

MessagingWidgetsSMSConversation.js

The original files can be downloaded from here: BACKUP

I thought I would share the love of custom SMS/IM screens in the Nokia N900’s Conversations app.

A few weeks ago I came across this thread on talk.maemo.org: [url=http://talk.maemo.org/showthread.php?t=36618]Customize N900 Conversations[/url].

Basically the guru’s worked out which css/js and HTML files to edit, giviing us the ability to create custom Conversation windows.

Here are a few screen shots of what is possible:

[img]http://talk.maemo.org/attachment.php?attachmentid=8461&stc=1&d=1269716897[/img]

[url=http://talk.maemo.org/attachment.php?attachmentid=8496&d=1269853764]Download Here[/url]

[img]http://talk.maemo.org/attachment.php?attachmentid=8494&stc=1&d=1269851905[/img]

[url=http://talk.maemo.org/attachment.php?attachmentid=8495&d=1269851942]Download here[/url]

[img]http://content.foto.mail.ru/mail/lohman1/8/i-13.jpg[/img]

[img]http://content.foto.mail.ru/mail/lohman1/8/i-14.jpg[/img]

[url=http://www.mediafire.com/?kyzkmy2ar25]Download Here[/url]

A big thanks goes out to [url=http://talk.maemo.org/member.php?u=30543]B666m[/url] for helping us find the files and pointing people in the right direction with some basic how-to stuff.

So how do you do the mod?

Firstly let me say this is all done at your own risk and if you are not clued up on any of the code, please be very careful…

So basically there are 9 files that are involved. Please not that depending on what you are doing you may only be changing some of the files. It is also possible too have two completely different styles for you SMS and IM conversations windows.

The files are called:

[quote]

MessagingWidgetsChatConversation.css

MessagingWidgetsChatConversation.js

MessagingWidgetsChatConversation.html

MessagingWidgetsSingleSMS.css

MessagingWidgetsSingleSMS.js

MessagingWidgetsSingleSMS.html

MessagingWidgetsSMSConversation.css

MessagingWidgetsSMSConversation.html

MessagingWidgetsSMSConversation.js

[/quote]

[url=http://talk.maemo.org/attachment.php?attachmentid=7064&d=1265893365]The original files can be downloaded from here:[/url]

Before following the below steps, you will need to do the following if you want to view your avatar.

1 – Get an Image of yourself, resize it to 64×64 pixels.

2 – Rename it to avatar and save it as a png (avatar.png).

3 – Copy the image to the test folder that is mentioned below.

4 – Continue as below…

I thought I would share the love of custom SMS/IM screens in the Nokia N900’s Conversations app.
A few weeks ago I came across this thread on talk.maemo.org: [url=http://talk.maemo.org/showthread.php?t=36618]Customize N900 Conversations[/url].
Basically the guru’s worked out which css/js and HTML files to edit, giviing us the ability to create custom Conversation windows.
Here are a few screen shots of what is possible:
[img]http://talk.maemo.org/attachment.php?attachmentid=8461&stc=1&d=1269716897[/img]
[url=http://talk.maemo.org/attachment.php?attachmentid=8496&d=1269853764]Download Here[/url]
[img]http://talk.maemo.org/attachment.php?attachmentid=8494&stc=1&d=1269851905[/img]
[url=http://talk.maemo.org/attachment.php?attachmentid=8495&d=1269851942]Download here[/url]
[img]http://content.foto.mail.ru/mail/lohman1/8/i-13.jpg[/img]
[img]http://content.foto.mail.ru/mail/lohman1/8/i-14.jpg[/img]
[url=http://www.mediafire.com/?kyzkmy2ar25]Download Here[/url]
A big thanks goes out to [url=http://talk.maemo.org/member.php?u=30543]B666m[/url] for helping us find the files and pointing people in the right direction with some basic how-to stuff.
So how do you do the mod?
Firstly let me say this is all done at your own risk and if you are not clued up on any of the code, please be very careful…
So basically there are 9 files that are involved. Please not that depending on what you are doing you may only be changing some of the files. It is also possible too have two completely different styles for you SMS and IM conversations windows.
The files are called:
[quote]
MessagingWidgetsChatConversation.css
MessagingWidgetsChatConversation.js
MessagingWidgetsChatConversation.html
MessagingWidgetsSingleSMS.css
MessagingWidgetsSingleSMS.js
MessagingWidgetsSingleSMS.html
MessagingWidgetsSMSConversation.css
MessagingWidgetsSMSConversation.html
MessagingWidgetsSMSConversation.js
[/quote]
[url=http://talk.maemo.org/attachment.php?attachmentid=7064&d=1265893365]The original files can be downloaded from here:[/url]
Before following the below steps, you will need to do the following if you want to view your avatar.
1 – Get an Image of yourself, resize it to 64×64 pixels.
2 – Rename it to avatar and save it as a png.
3 – Copy the image to the test folder that is mentioned below.
4 – Continue as below…

These steps have been provided by B666m:

just unzip them anywhere in your MyDocs-folder when connected via mass storage mode to your pc. for example make a new folder called “test” and copy them over there.

then unplug the usb-cable and open x-term on your phone. for the first command you need to have “rootsh” installed.

1. sudo gainroot
2. cp MyDocs/test/* /usr/share/rtcom-messaging-ui/html/
(3. rm -r MyDocs/test)

after the second command go to your conversations, open any one, close it and open it again for reloading the layout.
(the third step is only for removing the test-folder with all files it contains)

(If you want to use one of the mods above, simply unzip the files of the “theme” you want into the test folder mentioned above and copy everything over.)

As you can see the hack allows you to add Avatars to conversations and make the Avatars alternate from left to right.

Seeing as though this is all done in CSS/html and java files, I assume that this means almost anything is possible. Perhaps we will see people doing embedded maps and webpage previews when sent through SMS or IM.

So what are you waiting for, start downloading or simply create your own and don’t forget to share you creative items with everyone over talk.Maemo.org

Post to Twitter

Related Posts

2 Comments

ronitJune 25th, 2010 at 21:40

i tried..but nothin workd…where can i find the original file.in.local/share/ i dun find rtcom-messaging….infact i find it but there no files except draft.db…..wat to do n how to modified it..can u explain me in details n with screenshots pls…i would appreciate it

Christopher StobbsJuly 21st, 2010 at 04:53

Have you tried the Talk.Maemo.org thread for help. The file system may have changed since PR1.2

Trackbacks

Leave a comment

Leave a Trackback:Trackback URL
Your comment