maemo.org - Talk
Page 30 of 109 « First 202829 30 313240 Last »
Show 40 post(s) from this thread on one page

maemo.org - Talk (https://talk.maemo.org/index.php)
-   Maemo 5 / Fremantle (https://talk.maemo.org/forumdisplay.php?f=40)
-   -   Customize N900 Conversations (https://talk.maemo.org/showthread.php?t=36618)

slender 2010-02-25 16:14
Re: Customize N900 Conversations
 
Hey,

Has someone made "dull" layout for conversations. Something like this:

Contact: message here date|clock
Me: message here date|clock

Contact with link to contact card.

b666m 2010-02-25 16:21
Re: Customize N900 Conversations
 
and for your joy: ^^

http://img693.imageshack.us/img693/1...0022517184.png

Code:
div.Avatar {
  width: 60px;
  display: inline-block;
  vertical-align: middle;
}

.MessageAvatar {
  width: 60px;
  height:60px;
  -moz-border-radius: 15px 30px 30px 15px / 10px 20px 20px 10px;
  border-width: 2px;
  border-style: solid;
the mozilla engine seems to be the latest out there (from firefox 3.5) otherwise this command wouldn't work (this is what the site i've posted one site back tells me ^^)

b666m 2010-02-25 16:24
Re: Customize N900 Conversations
 
Quote:
Originally Posted by slender (Post 546074)
Hey,

Has someone made "dull" layout for conversations. Something like this:

Contact with link to contact card.
mhm... i only made sms conversation in an im conversation style... with both avatars on the left side... but the date is in the message-bubble as usual...

you want to have the date outside this bubble, right? maybe in an extra bubble or just as a text outside?

slender 2010-02-25 16:27
Re: Customize N900 Conversations
 
Quote:
Originally Posted by b666m (Post 546089)
mhm... i only made sms conversation in an im conversation style... with both avatars on the left side... but the date is in the message-bubble as usual...

you want to have the date outside this bubble, right? maybe in an extra bubble or just as a text outside?
Heh. Thank you for your help. But my whole point is to have really really basic "dull" and effective/pixel wise conversation so no bubbles no effects (but colors yes) no avatars. Bit like on irc.

b666m 2010-02-25 16:39
Re: Customize N900 Conversations
 
Quote:
Originally Posted by slender (Post 546094)
Heh. Thank you for your help. But my whole point is to have really really basic "dull" and effective/pixel wise conversation so no bubbles no effects (but colors yes) no avatars. Bit like on irc.
aaaaaaaah... now i get your point :D

let's see what i can do for you (:

b666m 2010-02-25 17:30
Re: Customize N900 Conversations
 
mhm... first attempt:

http://img144.imageshack.us/img144/3...0022518262.png

i thought it might be a good idea to have the background-colors because you can identify faster who wrote the message.
(don't know if you're thinking the same way ^^)

but you can change the background-colors for not seeing any kind of bubbles...

any suggestions? (:

edit: oh... i forgot to edit the min-height of those messages... that's why one-liners look kind of mis-aligned... but that's quick-to-fix :)

slender 2010-02-25 17:32
Re: Customize N900 Conversations
 
Haa. Looks better. I didn't thought that separation can be made also with backgrounds. On my digsby I have colored my contact conversation on red and my own text just black or on this case white so it really jumps to your eyes, but this is also fine. It would be nice if it is possible to take all padding between conversations away.

Lobi_Earl 2010-02-25 18:01
Re: Customize N900 Conversations
 
omg b666m where did you learn to code that good?? I wish I could do this too I'd really like to get the message bubble's corners rounded same as the avatars are... got this problem in IM conversations cause I'm not using the bubbles css postet earlier in this Thread, it was way too laggy... :(

Schturman 2010-02-25 19:50
Re: Customize N900 Conversations
 
Quote:
Originally Posted by b666m (Post 546058)
ehm.... first attempt... strike: ^^

http://img19.imageshack.us/img19/303...0022517045.png

Code:
div.Avatar {
  width: 60px;
  display: inline-block;
  vertical-align: middle;
}

.MessageAvatar {
  width: 60px;
  height:60px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomright: 15px;
  /*-moz-border-radius-bottomleft: 20px;*/
  border-width: 2px;
  border-style: solid;
edit: as you can see.... bottomleft no corner... topleft 5px... topright 10px... bottomright 15px... all with a 2px border... for your orientation when planning the border-radius :)
Haaaa, Thanks ! Looks nice ! :D
But I tried getting this on the IM :D

b666m 2010-02-25 20:00
Re: Customize N900 Conversations
 
Quote:
Originally Posted by slender (Post 546192)
Haa. Looks better. I didn't thought that separation can be made also with backgrounds. On my digsby I have colored my contact conversation on red and my own text just black or on this case white so it really jumps to your eyes, but this is also fine. It would be nice if it is possible to take all padding between conversations away.
i can remove that paddings/margins. :)

you could describe how you like to see the layout.

which background color(s), which font color(s) and so on...

maybe you could make a screenshot or picture how you would like to have it (:


All times are GMT. The time now is 15:39.
Page 30 of 109 « First 202829 30 313240 Last »
Show 40 post(s) from this thread on one page

vBulletin® Version 3.8.8