How To Get Your Avatar In The Chat & Change the Color of the Chat Balloons - Page 5

webOS Nation Forums > webOS apps and software > webOS development > How To Get Your Avatar In The Chat & Change the Color of the Chat Balloons
1 2 3 4 5 6 7 8 9 10 ... Last

Member: cellmonsters
at: 12:30 PM 07/20/2009

Originally Posted by lilmexx323:
Sorry guys for the simple question, but......

I am interested in adding an avatar, but cant get past the upload part. Everything else seems like no big deal, but how do I get my avatar onto the pre?

Thanks for helping this noob.

to get the avatar on your pre, follow the steps all the way till you get to where you need to use the "wget" command.

your avatar would need to be either saved somewhere in your pre or on the internet at some website.

this would be written as: wget (website link/sample.png)

then you would need to enter: mv sample.png my-avatar.png

use the luna command to reload or type reboot to reboot the device.

personally i found adding my avatar to be the easiest if it was downloaded from the internet.

Member: lilmexx323
at: 01:09 PM 07/20/2009

any recommendations on where to upload them to the web?

Member: cellmonsters
at: 01:56 PM 07/20/2009

Originally Posted by lilmexx323:
any recommendations on where to upload them to the web?

I have a server that i can upload the avatar and give you the full link to download, but i will be able to do that sometime around 8 or 9pm EST time.

maybe some site like photobucket where you can upload it and then copy the link to the image.

Member: lilmexx323
at: 02:55 PM 07/20/2009

Does the avatar have to be a .png, or can it be a jpeg..

I have my jpeg uploaded to photobucket, just need to know if that format will work....

Thanks for the help.. You have been real informative.

Edit::

Got them in there.. Now I will look at your setting and see what I want to change. I followed the OP directions.
Thanks again.

Member: elryon
at: 03:29 PM 07/20/2009

I was able to reload the message.css file by uploading it to a personal web site and inputing the address for wget...
oh.. and I changed the name to message.css.jpg that way the phone thinks its a pic and downloads it. then just mv to message.css and bam...

ps.. photobucket would not accept message.css.jpg since it wasnt an actual pic.. tried that as I used it for my avatars.

Member: sarah peterman
at: 05:02 PM 07/20/2009

@cellmonsters I love the purple and blue balloons. Using the purple one right now, nice work. You also asked for the original green balloon, here it is right.png I think you just have to flip it horizontal then.

Attached:

Member: as4life
at: 07:56 PM 07/20/2009

Originally Posted by MaSwaggSoSiQ:
did the changes above and ended up with this...

can someone please help !!!

Check your ".my-chat .avatar-overlay" settings

Member: as4life
at: 09:30 PM 07/20/2009

still a work in progress:

Member: cellmonsters
at: 09:40 PM 07/20/2009

Originally Posted by sarah peterman:
@cellmonsters I love the purple and blue balloons. Using the purple one right now, nice work. You also asked for the original green balloon, here it is Attachment 22889 I think you just have to flip it horizontal then.

Thank you Sarah,

Yes, the purple does look nice with the blue.. im actually working on making it a real 3D balloon. like that on the iPhone. should look a bit nicer but lets see how it looks hehehe.

Member: as4life
at: 10:40 PM 07/20/2009

heres another update. Just need to move avatar again

Member: cellmonsters
at: 11:56 PM 07/20/2009

Images below

These are for those that like the original balloon but want more settled colors.

Attached: originalright1.png (1.5 KB) originalright2.png (1.5 KB) originalright3.png (1.4 KB) originalright4.png (1.5 KB) originalright5.png (1.5 KB) originalright.png (1.5 KB)

Member: cellmonsters
at: 11:59 PM 07/20/2009

subtle colors for friends

Attached: originalleft1.png (1.4 KB) originalleft2.png (1.5 KB) originalleft3.png (1.5 KB)

Member: MaSwaggSoSiQ
at: 12:14 AM 07/21/2009

i got my avatar on the left side....but now its slightly higher that its supposed to be and overlapping the sms icon. how can i correct this or get it back in the middle?

Member: cellmonsters
at: 12:29 AM 07/21/2009

Originally Posted by MaSwaggSoSiQ:
i got my avatar on the left side....but now its slightly higher that its supposed to be and overlapping the sms icon. how can i correct this or get it back in the middle?

can you provide a screen shot or post the settings you have modified?

Member: cellmonsters
at: 12:31 AM 07/21/2009

hope you like these.. these are all for the Right side (your text)

Attached: right1.png (1.2 KB) right2.png (1.5 KB) right3.png (1.0 KB) right4.png (1.2 KB) right5.png (1.2 KB) right6.png (1.1 KB) right7.png (1.7 KB) right8.png (1.1 KB) right9.png (1.5 KB) right10.png (1.8 KB)

Member: cellmonsters
at: 12:33 AM 07/21/2009

Right side (your Chat)

Attached: right11.png (1.9 KB) right12.png (2.0 KB) right13.png (1.2 KB) right14.png (11.2 KB) right15.png (7.0 KB) right16.png (5.1 KB) right17.png (9.2 KB)

Member: MaSwaggSoSiQ
at: 12:56 AM 07/21/2009

here is a pic of what my avatar looks like now. any way to get it back in the middle?

Member: MaSwaggSoSiQ
at: 01:31 AM 07/21/2009

any help guys?

Member: cellmonsters
at: 02:41 AM 07/21/2009

Originally Posted by MaSwaggSoSiQ:
any help guys?

check if you have the following code correctly

.my-chat .avatar-overlay {
left: 2px;
margin-top: 4px;
position: absolute;
}
.my-chat .avatar-container {
display: inline-block;
}

display should be inline and margin-top 4px

seems like the margin top may have a lower value than 4

Member: MaSwaggSoSiQ
at: 03:22 AM 07/21/2009

didnt work....

Tags: avatar, chat, css, messaging, my avatar

1 2 3 4 5 6 7 8 9 10 ... Last
webOS Nation Forums > webOS apps and software > webOS development > How To Get Your Avatar In The Chat & Change the Color of the Chat Balloons