Originally Posted by Reflektorfalke

Probably, but the avatar is to small to make it really noteable ;-)

Regarding 3D: A glossy background image like here would be cool ;-)

Regarding transparancy: moz-opacity is obsolete according to this site. Guess just opacity:<number> should work. Haven´t tried yet...

Originally Posted by b666m

hard to do, but possible.
and i have to say that it wouldn't look good



that's default. ^^
just look a few pages back.
i uploaded this config for someone yet.

edit: that's the one -> http://talk.maemo.org/showpost.php?p...7&postcount=35

Originally Posted by x61

Thanks for the link. I modified it accordingly; however, there seems to be a huge gap between the message and avarta of the sender. The format of mine seems to perfect. Anyway of getting this to properly aligned?

/**
* Style rules for the MessageBuffer
*/

/**
* the body defaults
*/
body {
margin-left: 8px;
margin-right: 8px;
}

/**
* The table column formats
*/

div.Message {
padding-bottom: 8px;
clear: both;
display: block;
padding-left: 8px;
}

div.Message:first-child {
padding-top: 0px;
}

div.Message:last-child {
padding-bottom: 0px;
}

div.BubbleSelf {

-moz-border-radius: 8px;
border-style: solid;
border-width: 1px;

margin-left: 0px;
margin-right: 0px;
vertical-align: middle;
padding: 4px 8px;

display: inline-block;
width: 616px;
min-height: 56px;
/* overflow: hidden; this bugs mouse events. see bug #123077 */
}

div.BubbleOther {

-moz-border-radius: 8px;
border-style: solid;
border-width: 1px;

margin-left: 70px;
margin-right: 0px;
vertical-align: middle;
padding: 4px 8px;

display: inline-block;
width: 616px;
min-height: 56px;
/* overflow: hidden; this bugs mouse events. see bug #123077 */
}

div.BubbleSpacer {
padding: 0px;
margin: 0px;
vertical-align: middle;
display: table-cell;
width: 664px;
max-width: 664px;
height: 52px;
}

div.BubbleSelfClicked {
-moz-border-radius: 8px;
border-style: solid;
border-width: 1px;

margin-left: 0px;
margin-right: 0px;
vertical-align: middle;
padding: 4px 8px;

display: inline-block;
width: 616px;
min-height: 56px;
/* overflow: hidden; this bugs mouse events. see bug #123077 */
}


div.BubbleOtherClicked {
-moz-border-radius: 8px;
border-style: solid;
border-width: 1px;
text-shadow: 0.1em 0.1em #000;

vertical-align: middle;
padding: 4px 8px;
margin-left: 70px;

display: inline-block;
width: 616px;
min-height: 56px;
/* overflow: hidden; this bugs mouse events. see bug #123077 */
}

/**
* Others' Avatars
*
* This needs a "drop down" shadow, but no idea if that can be done
*Adele: please note that this drop down shadow might be subjected to change
*I've talked about it with Vilja who's in charge of address book layout
*and we might change it so that it's a double border colour to indicate
*that the avatar is clickable. drop shawdow doesn't seem to work with
*dark backgrounds unless it's a light colour drop shadow.
*PLEASE tell me if it's difficult to implement the drop shadow.
* Looks like drop shadow is dropped from ui specs. And bug 139130 made me
*remove the space for it anyway.
*/

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

.MessageAvatar {
width: 64px;
height:64px;
outline-style: solid;
outline-width: 1px;
-moz-outline-radius: 6px;
}

img.MessagePresence {
vertical-align: middle;
width: 16px;
height: 16px;
}

/**
* the Name field
*/
span.MessageNameField {
word-wrap: break-word;
vertical-align: middle;
}

/**
* the Text field
*/
span.MessageText {
text-align: left;
vertical-align: middle;
word-wrap: break-word;
}

/**
* the TimeStamp default rules
*/
div.MessageRight {
float: right;
padding-left: 16px;
white-space: nowrap;
text-align: right;
display: inline-block;
}

img.MessageBusinessCardImg {
vertical-align: middle;
padding-right: 4px;
}

img.MessageStatusImg {
vertical-align: middle;
padding-right: 8px;
}

.MessagingWidgetsSmiley {
height: 24px;
width: 24px;
}

Originally Posted by b666m

mhm?
1 px = 1 pixel
the display resolution of the n900 is 800 * 480 px.
so 64 * 64 px isn't just a dot on the screen.




the first option is to set up a ssh server on your n900 and ssh in from your pc to edit the files on your pc.
just search for "ssh windows" or something - there is even a wiki-thread about this topic.
(best solution for editing files because you can do it via your pc and if something messes up your system you maybe haven't to reflash your device as you can ssh into it and repair what's wrong ^^)

the second option is that you copy the files to a folder which is shown when your n900 is in mass storage mode.
therefore you have to install "rootsh" (for gaining root access to the folders).
if you want to copy the files in a graphical way then you should install "mc" (aka midnight commander).
after that open x-term and type:
1. sudo gainroot
2. mkdir MyDocs/rtcom
then you have the choice:
3. mc
(then you can copy the files from html to rtcom in a graphical way)
or
3. cp /usr/share/rtcom-messaging-ui/html/* MyDocs/rtcom/
4. connect your n900 via usb and check out the rtcom-folder
5. make a backup of these files on your pc
6. edit the files you want to and move them back into the rtcom-folder
(7. if you closed x-term or mc then open it again with sudo gainroot as first command)
8. in mc copy the files back from rtcom to html
or
8. cp MyDocs/rtcom/* /usr/share/rtcom-messaging-ui/html/
9. open any of your conversations, close it and open it again to see what you have done to the file
(10. you can play around with these files or just copy the backup files for returning to default view)

the third option is to edit the files on your n900.
to do that i would recommend you installing "leafpad" (GUI) or "vim" (CLI).
in x-term:
1. sudo gainroot
2. mkdir MyDocs/rtcom_backup
3. cp /usr/share/rtcom-messaging-ui/html/* MyDocs/rtcom_backup
4. vim /usr/share/rtcom-messaging-ui/html/file-to-be-opened.extension
or
4. leafpad /usr/share/rtcom-messaging-ui/html/whatever-you-want-to-edit.extension
5. edit the file and save the changes
6. open any of your conversations, close it and open it again to see what you have done to the file
(7. you can play around with these files or just copy the backup files for returning to default view)

Originally Posted by b666m

lalala
new layout:

EDIT: you have to download the SMSconversation.zip from one of my posts above too. ^^

EDIT2: there's a small bug (or feature xD) which moves the contact's bubble to the left while beeing clicked - sms_css.zip will fix that.
(so download the first file only if you want to have a look at the bubble moving around when beeing clicked ^^)