Reply
Thread Tools
b666m's Avatar
Posts: 1,090 | Thanked: 476 times | Joined on Jan 2010 @ Ingolstadt, Germany
#431
Originally Posted by byte_76 View Post
1. I want the text bubbles to expand dynamically according to the amount of text inside.
take a look at the css code of my latest creation.

2. I only want the text of the conversations to be inside the bubbles. The name and date/time should be outside the bubble.
edit the html-file and move the name and the timestamp blocks outside of the bubble block

3. How do I change the color of the name of sender and the date/time?
just add a line "color: #A1B2C3;" inside the responsible css-block

the blocks are called something with "Name" and "TextRight" i think *to lazy to look it up* XD
 
b666m's Avatar
Posts: 1,090 | Thanked: 476 times | Joined on Jan 2010 @ Ingolstadt, Germany
#432
Originally Posted by regp81 View Post
I tried this on my N900 and looks very nice but it doesn't display my avatar...

how can I put it in?.

thanks,
you need a modded js-file too.

just take the js-file out of any of my layouts.

most other layouts here use my js-file too. (only this one doesn't xD)

then move the file and a picture with 64*64 or 60*60 pixels (have a look at the css file and which size it uses for avatars... but it doesn't really matter in the end ^^) to the html-folder... ehm yes... it must be called "avatar.png" (:
 
niqbal's Avatar
Posts: 474 | Thanked: 368 times | Joined on Jan 2010
#433
thanks to b666m + joshua for ball rolling this thread. thanks to maemo being open source and thank God for google! Second version of Conversations-UI
Attached Images
 
Attached Files
File Type: zip conv-ui_theme2.zip (9.5 KB, 902 views)

Last edited by niqbal; 2010-03-29 at 08:53.
 

The Following 2 Users Say Thank You to niqbal For This Useful Post:
Posts: 3,664 | Thanked: 1,530 times | Joined on Sep 2009 @ Hamilton, New Zealand
#434
Originally Posted by niqbal View Post
thanks to b666m + joshua for ball rolling this thread. thanks to maemo being open source and thank God for google! Second version of Conversations-UI

is this slow like the previous version?
 
Posts: 120 | Thanked: 33 times | Joined on Jan 2010
#435
Originally Posted by niqbal View Post
thanks to b666m + joshua for ball rolling this thread. thanks to maemo being open source and thank God for google! Second version of Conversations-UI
Wow, it looks great. Thanks for sharing.
 
niqbal's Avatar
Posts: 474 | Thanked: 368 times | Joined on Jan 2010
#436
Originally Posted by maxximuscool View Post
is this slow like the previous version?
aah well i havent tried those versions myself so i cant compare. This one renders smoothly (as far as i am concerned)
 
b666m's Avatar
Posts: 1,090 | Thanked: 476 times | Joined on Jan 2010 @ Ingolstadt, Germany
#437
Originally Posted by maxximuscool View Post
is this slow like the previous version?
it renders pretty smooth.... and i think the reasons are:

- he doesn't use opacity/transparency
- he doesn't use shadows for text and bubbles
- he doesn't too much modification of bubbles, avatars and content



so... if you remove transparancy and shadows from my version it would scroll much smoother too... but wouldn't look as cool as it does now *laugh* XD

btw: your layout looks nice and clean pretty cool @ niqbal

Last edited by b666m; 2010-03-29 at 15:08.
 
Posts: 120 | Thanked: 33 times | Joined on Jan 2010
#438
I have made a few changes to niqbal's files (thank you niqbal) and have attached the files here:

The changes were all done in the HTML and CSS files because I have no Javascript experience:

1. Made the bubbles re-size according to the text inside
2. Changed the text bubble colors to a slight aqua blue and grey.
3. Made some changes to the alignment and spacing of various components

My experience in CSS is very limited so I expect bugs. Please report back.
Attached Files
File Type: zip MessagingWidgetsSMSConversation.zip (9.7 KB, 303 views)
 

The Following 3 Users Say Thank You to byte_76 For This Useful Post:
Posts: 120 | Thanked: 33 times | Joined on Jan 2010
#439
I also barely know CSS.

I was also looking for a way to improve the appearance of the speech bubbles. It seems that there is a way to add a gradient when using webkit but I have not found anything without it.
 
Posts: 120 | Thanked: 33 times | Joined on Jan 2010
#440
niqbal have you got any idea why the text in the speech bubble on the left is appearing higher up in the bubble instead of being in the middle?

When there is a one line message it is most notable that it appears too high up in the bubble.
 
Reply

Tags
bada rox, his lunchbox

Thread Tools

 
Forum Jump


All times are GMT. The time now is 02:44.