maemo.org - Talk
Page 29 of 109 « First 192728 29 303139 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)

Schturman 2010-02-24 23:08
Re: Customize N900 Conversations
 
I have this too before.... -moz-border-radius - Should be 10px
Try this option:

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;
}

Schturman 2010-02-24 23:19
Re: Customize N900 Conversations
 
Quote:
Originally Posted by b666m (Post 545084)
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. (:
Thanks for this link, I'll try this :D

b666m 2010-02-24 23:21
Re: Customize N900 Conversations
 
Quote:
Originally Posted by Schturman (Post 545097)
Thanks for this link, I'll try this :D
np :)

please post if it works... and make a screenshots if it does ^^

qole 2010-02-24 23:57
Re: Customize N900 Conversations
 
Quote:
Originally Posted by Schturman (Post 545086)
I have this too before.... -moz-border-radius - Should be 10px

Aha, I had just copied -moz-outline-radius instead of -moz-border-radius, thanks!

ddwwf1 2010-02-25 00:16
Re: Customize N900 Conversations
 
does anyone know how i can take a whole sms convosation and copy it and paste it into a word document so it can be printed or emailed

Schturman 2010-02-25 00:36
Re: Customize N900 Conversations
 
Quote:
Originally Posted by b666m (Post 545101)
np :)

please post if it works... and make a screenshots if it does ^^
Ok, I tried this code, not good...

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

div.MessageAvatar {
  width: 64px;
  height: 64px;
  -moz-border-radius-topright: 20px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-bottomright: 4px
  -moz-border-radius-bottomleft: 20px
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  vertical-align: middle;
}

http://i46.tinypic.com/21nih5j.png




Off question....
Look at this picture, I don't know why, but only this IM conversation not jumping to the top of the page when I open it and all other IM conversations is jumping.... Why, I don't know...:confused:

b666m 2010-02-25 00:49
Re: Customize N900 Conversations
 
Quote:
Originally Posted by Schturman (Post 545172)
Ok, I tried this code, not good...

Code:
img.MessageAvatar {
  width: 64px;
  height: 64px;
  -moz-border-radius-topright: 20px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-bottomright: 4px
  -moz-border-radius-bottomleft: 20px
  border-width: 1px;
  border-style: solid;
  padding: 1px;
  vertical-align: middle;
}

div.MessageAvatar {
  width: 64px;
  height: 64px;
  -moz-border-radius-topright: 20px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-bottomright: 4px
  -moz-border-radius-bottomleft: 20px
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  vertical-align: middle;
}
try adding the red code :)

Quote:
Off question....
Look at this picture, I don't know why, but only this IM conversation not jumping to the top of the page when I open it and all other IM conversations is jumping.... Why, I don't know...:confused:
mhm... as i said... i don't know why this is happening... the conversations getting loaded by the js-file... and there's only the avatar-mod done.. :/

Schturman 2010-02-25 11:05
Re: Customize N900 Conversations
 
I tried this too, not good :cool:

http://i50.tinypic.com/r0xlhu.png

b666m 2010-02-25 15:49
Re: Customize N900 Conversations
 
Quote:
Originally Posted by Schturman (Post 545626)
I tried this too, not good :cool:

http://i50.tinypic.com/r0xlhu.png
maybe i'll have to sit my lazy a** in front of this and try to get it work :p

b666m 2010-02-25 16:06
Re: Customize N900 Conversations
 
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 :)


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

vBulletin® Version 3.8.8