Закругляем уголочки

Урок 69. Закругляем уголки в теме.

В теме кое-где можно закруглить уголки.
Для этого всего лишь надо вставить в желаемый скрипт вот такой фрагмент:

-moz-border-radius-bottomleft: 24px; /* Нижний левый уголок */
-moz-border-radius-topright: 24px; /* Верхний правый уголок */
-moz-border-radius-bottomright: 24px;/* Нижний правый уголок */
-moz-border-radius-topleft: 24px; /* Верхний левый уголок */
padding: 10px; /* Поля вокруг текста */
border: 3px ridge #цвет сами выберете; /* Параметры рамки */

В зависимости, от того, какую строчку удалить, можно уголок и прямоугольным оставить.
Работает и в странице, и в поле для комментариев и даже в виджетах.
Один только нюанс: почему-то Explorer его не видит. Остальные браузеры показывают.

Примеры:

#commentform textarea  {

-moz-border-radius-bottomleft: 24px; /* Нижний левый уголок */
-moz-border-radius-topright: 24px; /* Верхний правый уголок */
-moz-border-radius-bottomright: 24px;/* Нижний правый уголок */
-moz-border-radius-topleft: 24px; /* Верхний левый уголок */
padding: 10px; /* Поля вокруг текста */
border: 3px ridge #fff; /* Параметры рамки */}

На выходе получаем

При вставке в скрипт

#commentform input {…}

#header{…}

#container {…}

Ну и так далее.

(Если что – вставляется это в «Редактирование CSS»)

P.S. Только упаси Боже заменять находящееся в скрипте этим. Просто вставляйте перед последней вот такой вот «}» скобкой. Тогда все настройки сохранятся, добавится только рамка.