The Following User Says Thank You to Schturman For This Useful Post: | ||
|
2010-02-24
, 23:19
|
|
Posts: 5,339 |
Thanked: 4,133 times |
Joined on Jan 2010
@ Israel
|
#282
|
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. (:
|
2010-02-24
, 23:21
|
|
Posts: 1,090 |
Thanked: 476 times |
Joined on Jan 2010
@ Ingolstadt, Germany
|
#283
|
The Following User Says Thank You to b666m For This Useful Post: | ||
|
2010-02-24
, 23:57
|
|
Moderator |
Posts: 7,109 |
Thanked: 8,820 times |
Joined on Oct 2007
@ Vancouver, BC, Canada
|
#284
|
|
2010-02-25
, 00:16
|
Posts: 237 |
Thanked: 44 times |
Joined on Nov 2009
|
#285
|
|
2010-02-25
, 00:36
|
|
Posts: 5,339 |
Thanked: 4,133 times |
Joined on Jan 2010
@ Israel
|
#286
|
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; }
|
2010-02-25
, 00:49
|
|
Posts: 1,090 |
Thanked: 476 times |
Joined on Jan 2010
@ Ingolstadt, Germany
|
#287
|
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; }
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...
|
2010-02-25
, 11:05
|
|
Posts: 5,339 |
Thanked: 4,133 times |
Joined on Jan 2010
@ Israel
|
#288
|
|
2010-02-25
, 15:49
|
|
Posts: 1,090 |
Thanked: 476 times |
Joined on Jan 2010
@ Ingolstadt, Germany
|
#289
|
|
2010-02-25
, 16:06
|
|
Posts: 1,090 |
Thanked: 476 times |
Joined on Jan 2010
@ Ingolstadt, Germany
|
#290
|
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;
Tags |
bada rox, his lunchbox |
Thread Tools | |
|
Try this option:
Lausanne & Lyon de descente...
----------------
Schturman's home page
Schturman's repo on openrepos
RPM packaging directly on your Jolla phone.
Root & User SSH access to Jolla via WinSCP.
Root and User SSH access to Jolla via Nautilus on Linux PC.
Last edited by Schturman; 2010-02-24 at 23:11.