This will get the avatars (both yours and theirs) in the lower right hand corner. If anyone can get it into the middle of the balloon please share how. For anyone who may have done this before the update, I've placed a ">" on the steps you'll need to do. For everyone else follow the tut like normal. Also, I'd suggest the gradient in the chat balloons all fading to one side. Looks much better that way ;-)
You will need to have your Pre rooted. Also, don't forget to back up everything you touch.
First step is to type:
cd /usr/palm/applications/com.palm.app.messaging/stylesheets
sudo vi messaging.css
.chatRow img.avatar-location { margin-top: -18px; } .chatRow img.avatar-overlay { margin-top: -21px; } .chatRow .avatar-container { vertical-align: middle; display: inline-block; }
.chatRow img.avatar-location { margin-top: -39px; } .chatRow img.avatar-overlay { margin-top: -42.5px; }
/*.chatRow .avatar-container { vertical-align: middle; display: inline-block; }*/
.my-chat .chat-balloon-wrapper, .their-chat .chat-balloon-wrapper { padding: 1px 0; font-size: 18px; word-wrap: break-word !important; }
padding-right: 40px;
.my-chat .chat-balloon-wrapper, .their-chat .chat-balloon-wrapper { padding: 1px 0; font-size: 18px; word-wrap: break-word !important; padding-right: 40px; }
/*.their-chat .chat-balloon-wrapper { padding-right: 8px ;}*/
/* Disabling MY avatar because we are not doing this for 1.0 2008-11-05*/ .my-chat .avatar-location, .my-chat .avatar-overlay, .my-chat .avatar-container { display: none; width: 40px; height: 40px; }
/*.my-chat .avatar-overlay,*/ /*.my-chat .avatar-container*/ /*display: none;*/
Type:
cd /usr/palm/applications/com.palm.app.messaging/app/controllers
sudo vi chatview-assistant.js
msg.avatar = this.myAvatar || 'images/my-avatar.png';
Now you need to upload an avatar and find the image location
In terminal type:
cd /usr/palm/applications/com.palm.app.messaging/images/
sudo wget (url)
sudo mv (filename of the avatar you just downloaded) my-avatar.png
sudo luna-send -n 1 palm://com.palm.applicationManager/rescan {}
Change the Color of the Chat Balloons
The png's for the chat balloons are located here:
/usr/palm/applications/com.palm.app.messaging/images/chatview
Look for chat-balloon-right.png (your chat) and chat-balloon-left.png (friend's chat).
I have both images uploaded already.
Edit them using your favorite image editor.
Now uploaded them to where ever. Copy the image location.
Go to terminal and type:
cd /usr/palm/applications/com.palm.app.messaging/images/chatview
sudo wget (url)
Type:
sudo mv (filename of url) chat-balloon-right.png
Now type:
sudo luna-send -n 1 palm://com.palm.applicationManager/rescan {}
Kudos goes out to DJPeterman for his help with the padding <3 and to halmo20 and lilmexx323 for help with the tut after the update.
Also thanks should go out to elryon for figuring out how to center avatars and to change the location avatar locations to the left, check out his mod on page 2.
Your path is wrong for the avatar :
"cd /usr/palm/applications/com.palm.app.messaging/images/chatview/"
Should be
"cd /usr/palm/applications/com.palm.app.messaging/images/"
Otherwise, it works awesomely! Thanks for finding that :) Can this be put in the wiki?
originally found here:
http://forums.precentral.net/web-os-development/192840-how-get-your-avatar-chat-change-color-chat-balloons.html