Закругление краёв

iFlooder

Пользователь
после этого
PHP:
#forums_top_links .top_links{
 margin:0 0 7px; padding:5px 10px;
 display:inline-block;
 background: url(../images/cellpic1.gif) repeat-x;
 

frost444

Пользователь
fariyeld, задай ид или класс в цсс...
HTML:
#название_ид /*table tr td div a li (и т.д. и т.п.)*/ {тут код стиля}
или как класс
HTML:
.название_ид /*table tr td div a li (и т.д. и т.п.)*/ {тут код стиля}
 

Xeza

Пользователь
иной даже прикольный эффект
_

Please Login or Register to view hidden text.

спасибо бро, приукрасил,
HTML:
      -moz-border-radius-bottomleft: 9px;
      -moz-border-radius-bottomright: 9px;
      -moz-border-radius-topleft: 9px;
      -moz-border-radius-topright: 9px;

        -webkit-border-top-left-radius:9px;
        -webkit-border-top-right-radius:9px;
        -webkit-border-bottom-left-radius:9px;
        -webkit-border-bottom-right-radius:9px;

        border-top-left-radius:9px;
        border-top-right-radius:9px;
        border-bottom-left-radius:9px;
        border-bottom-right-radius:9px;

        -khtml-border-radius-topleft:9px;
        -khtml-border-radius-topright:9px;
        -khtml-border-radius-bottomleft:9px;
        -khtml-border-radius-bottomright:9px;
Выложил специально, т.к. очень долго искал это.
Штука эта предназначена для закругления краёв.
Пример

Please Login or Register to view hidden text.

хорошую идею навел)
 

ChihPyh

Пользователь
Xeza, как и подсказал diabolical, все это можно намного короче прописать
PHP:
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
а если нужны разные радиусы, то, к примеру:
PHP:
border-radius:10px 9px 8px 7px ;
-moz-border-radius:10px 9px 8px 7px;
-webkit-border-radius10px 9px 8px 7px;
начинается с левого верхнего угла и по часовой стрелке..
 

Xeza

Пользователь
Xeza, как и подсказал diabolical, все это можно намного короче прописать
PHP:
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
а если нужны разные радиусы, то, к примеру:
PHP:
border-radius:10px 9px 8px 7px ;
-moz-border-radius:10px 9px 8px 7px;
-webkit-border-radius10px 9px 8px 7px;
начинается с левого верхнего угла и по часовой стрелке..
Да я понял, втянулся,спасибо.черт меня глубоко втягивает веб программирование, радует))) Еще бы научится реализовывать небольшие хернюшки на php.
 

DarkMod

Легенда

Please Login or Register to view hidden text.



1 Радиус указывается для всех четырех уголков.
2 Первое значение задает радиус верхнего левого и нижнего правого уголка, второе значение — верхнего правого и нижнего левого уголка.
3 Первое значение задает радиус для верхнего левого уголка, второе — одновременно для верхнего правого и нижнего левого, а третье — для нижнего правого уголка.
4 По очереди устанавливает радиус для верхнего левого, верхнего правого, нижнего правого и нижнего левого уголка.
 
Сверху