maemo.org - Talk

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)

Lobi_Earl 2010-02-20 12:47

Re: Customize N900 Conversations
 
yeah I can report the same mine's also very lame now... I noticed that when opening chat conversation it always puts you at the start so you always have to scroll down to the bottom.
That can be pretty annoying when the conversation is already quite long.... Is there any way to fix it?

b666m 2010-02-20 12:58

Re: Customize N900 Conversations
 
this problem for im-conversation have all of the users who edited the files. don't know what's causing this one. :/
(and i'll not look into this because i use pidgin for im *g*)

and it's clear that it's getting laggier the more you add to the layout. all of the things must be rendered by the n900. and as the loading of the messages is done dynamically (always a block of 10 messages or so) it can be pretty laggy if you're scrolling fast. (and i think the conversation uses the mozilla-engine for rendering the layout... and this is not good)

(i've done some browser javascript comparisions in this forum... firefox and microb (with the mozilla-engine) suck big time... only the webkit browsers tear and midori are pretty fast at js ^^)

Lobi_Earl 2010-02-20 13:23

Re: Customize N900 Conversations
 
ok then we have to accept this... could you tell me how I get my IM avatars rounded, I dont get that managed with my minimal know-how :)

b666m 2010-02-20 13:32

Re: Customize N900 Conversations
 
haven't tried it... but i would open the smsconversation css and the imconversation css next to each other... and would look at the differences in the avatar-block ;)

Schturman 2010-02-20 17:05

Re: Customize N900 Conversations
 
Quote:

Originally Posted by Lobi_Earl (Post 538400)
ok then we have to accept this... could you tell me how I get my IM avatars rounded, I dont get that managed with my minimal know-how :)


This my avatar block from IM css file, try it:

Code:

* Avatars
 */
img.MessageAvatar {
  width: 64px;
  height: 64px;
  outline-style: solid;
  outline-width: 4px;
  outline-offset: -1px;
  -moz-outline-radius: 13px;
  padding: 1px;
  vertical-align: middle;
}

div.MessageAvatar {
  width: 64px;
  height: 64px;
  -moz-border-radius: 10px;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  vertical-align: middle;
}


Thanks to b666m ;)

xgrind 2010-02-20 19:02

Re: Customize N900 Conversations
 
You are right.

I added "font-family: "Calibri", Times, Serif;" and the font changed

Thanks again! :D

Quote:

Originally Posted by b666m (Post 538127)
haven't changed the font.
but something like "font-family:" should do the trick.
or maybe open up the html and define it there.

http://de.selfhtml.org/css/eigenscha...tm#font_family


agentsmith 2010-02-21 23:26

Re: Customize N900 Conversations
 
Quote:

Originally Posted by Schturman (Post 532536)
Hello again !
Another question....
How I can get a bigger font of my name and name of "other" in the SMS and IM conversations ?

I tried play with this block, but without result :(

Code:

* the Name field
 */
span.MessageNameField.Self {
  font-size:32px
  color:#4169E1;
  word-wrap: break-word;
  vertical-align: middle;
}

span.MessageNameField.Other {
  color:#FF0000;
  word-wrap: break-word;
  vertical-align: middle;
}

Thanks

I'm trying to change the color of my name, which file has this code in it? Thanks.

b666m 2010-02-21 23:28

Re: Customize N900 Conversations
 
Quote:

Originally Posted by agentsmith (Post 540271)
I'm trying to change the color of my name, which file has this code in it? Thanks.

one of the css files. if you want to change it for sms then *SMSConversation*.css and for im *IMConversation*.css :)

qole 2010-02-24 22:54

Re: Customize N900 Conversations
 
I had to bump outline-width in img.MessageAvatar up to 6px in order to hide the corners of the pictures. Until I did that, the corners peeked out from behind the border as little triangles.

Quote:

Originally Posted by Schturman (Post 538659)
This my avatar block from IM css file, try it:

Code:

* Avatars
 */
img.MessageAvatar {
  width: 64px;
  height: 64px;
  outline-style: solid;
  outline-width: 4px;
  outline-offset: -1px;
  -moz-outline-radius: 13px;
  padding: 1px;
  vertical-align: middle;
}

div.MessageAvatar {
  width: 64px;
  height: 64px;
  -moz-border-radius: 10px;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  vertical-align: middle;
}

Thanks to b666m ;)


b666m 2010-02-24 23:07

Re: Customize N900 Conversations
 
something new for you :)

you can use -moz-border-radius for all four corners
or
-moz-border-radius-topleft, -moz-border-radius-topright, -moz-border-radius-bottomleft, -moz-border-radius-bottomright for each single corner.

i would think of 3 things which would look very cool:
1. have 3 corners rounded, one not
2. have 2 corners rounded, best on opposed sides
3. having different radiuses (<- w00t? ^^) for each/some corners

(point 2 is my personal favorite ^^)

haven't tried this... but i hope that this works... so if feel free to test :)

for some previews and/or inspiration:
http://www.the-art-of-web.com/css/border-radius/ :D

edit: take a look at the bottom of the page where the "new Firefox short-hand properties" are mentioned. maybe they'll work on the n900 too. (:


All times are GMT. The time now is 01:29.

vBulletin® Version 3.8.8