maemo.org - Talk - View Single Post - Customize N900 Conversations

	b666m	2010-02-11 , 15:21
	Posts: 1,090 \| Thanked: 476 times \| Joined on Jan 2010 @ Ingolstadt, Germany	#190

Originally Posted by Schturman

1) I open the IM conversation and the messages jumping to the first message (not to the last like the SMS conversation).

that's a thing of the .js file, not html or css i think.
have you changed something there?

2) Date and clock very close to the text

there you have multiple ways:
add margin-left / -right to div.Message.Self / .Other or the other way around to span.MessageTimeStamp.Self / .Other
(that would be the easiest way. you could do it via html too, but that's not so comfortable)

3) How I can put the different color for the other name ?
I see only one block for the name:

you can always have a look at the html-file. there you will see id= which you can ignore and after that some class-values class=.
for example:
<div> ... class = MessageTimeStamp Other ... </div>
you can use in the css:
div.MessageTimeStamp for both timestamps (self and other because you didn't specify one) or div.MessageTimeStamp.Other for the contact's timestamp (just link the classes with a full-stop in between ^^)

EXAMPLE:

in the html:

Code:

<span id="MessageSenderNameSelf" class="MessageNameField AccentColor2 Self"></span>

so you can add in the css:

Code:

span.MessageNameField.Self {
  color=#0234AB;
...
}

4) How I can do round corners on the avatar (like in the sms conversation) ?

first of all just have a look at the html-classes for im-conversation again:

Code:

<div class="MessageAvatar MessageAvatarSelf"><div id="AvatarImgBorderSelf" class="MessageAvatarBorder Self MessagingAvatarBorderColor"></div>

then you can specify per full-stop-linking:

Code:

div.MessageAvatar {
...
  -moz-outline-radius: 6px;
}

Last edited by b666m; 2010-02-11 at 15:27.

Quote & Reply |