Reply
Thread Tools
Schturman's Avatar
Posts: 5,339 | Thanked: 4,133 times | Joined on Jan 2010 @ Israel
#281
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;
}

Last edited by Schturman; 2010-02-24 at 23:11.
 

The Following User Says Thank You to Schturman For This Useful Post:
Schturman's Avatar
Posts: 5,339 | Thanked: 4,133 times | Joined on Jan 2010 @ Israel
#282
Originally Posted by b666m View Post
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/

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
 
b666m's Avatar
Posts: 1,090 | Thanked: 476 times | Joined on Jan 2010 @ Ingolstadt, Germany
#283
Originally Posted by Schturman View Post
Thanks for this link, I'll try this
np

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

The Following User Says Thank You to b666m For This Useful Post:
qole's Avatar
Moderator | Posts: 7,109 | Thanked: 8,820 times | Joined on Oct 2007 @ Vancouver, BC, Canada
#284
Originally Posted by Schturman View Post
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!
__________________
qole.org --- twitter --- Easy Debian wiki page
Please don't send me a private message, post to the appropriate thread.
Thank you all for your donations!
 
Posts: 237 | Thanked: 44 times | Joined on Nov 2009
#285
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's Avatar
Posts: 5,339 | Thanked: 4,133 times | Joined on Jan 2010 @ Israel
#286
Originally Posted by b666m View Post
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;
}






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...
 
b666m's Avatar
Posts: 1,090 | Thanked: 476 times | Joined on Jan 2010 @ Ingolstadt, Germany
#287
Originally Posted by Schturman View Post
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

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...
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.. :/
 

The Following 2 Users Say Thank You to b666m For This Useful Post:
Schturman's Avatar
Posts: 5,339 | Thanked: 4,133 times | Joined on Jan 2010 @ Israel
#288
 
b666m's Avatar
Posts: 1,090 | Thanked: 476 times | Joined on Jan 2010 @ Ingolstadt, Germany
#289
Originally Posted by Schturman View Post
I tried this too, not good

maybe i'll have to sit my lazy a** in front of this and try to get it work
 
b666m's Avatar
Posts: 1,090 | Thanked: 476 times | Joined on Jan 2010 @ Ingolstadt, Germany
#290
ehm.... first attempt... strike: ^^



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

Last edited by b666m; 2010-02-25 at 16:09.
 
Reply

Tags
bada rox, his lunchbox


 
Forum Jump


All times are GMT. The time now is 04:46.