Многие, наверно, замечали на Твиттере оформление формы авторизации.
Предлагаю несложный скрипт для оформления всех HTML форм на форуме чем-то похожий на вышеуказанный, а именно: форма регистрации и авторизации пользователей, форма поиска на форуме и заполнение полей в профиле пользователя.

<style type="text/css">
input {transition: all 0.30s ease-in-out;-webkit-transition: all 0.30s ease-in-out;-moz-transition: all 0.30s ease-in-out;outline:none;}
input:focus {
border:#35a5e5 1px solid;
box-shadow: 0 0 15px rgba(81, 203, 238, 1);
-webkit-box-shadow: 0 0 15px rgba(81, 203, 238, 1);
-moz-box-shadow: 0 0 15px rgba(81, 203, 238, 1);
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px; 
}
</style>

Ожидаемый эффект:

Цвет и размер свечения и округление формы можно настроить на свой вкус.

Еще один вариант оформления форума - это закругление уголков ВСЕХ изображений, имеющихся на форуме, начиная от аватарок и заканчивая вложениями в постах.

<style type="text/css">
img {
   border-radius:15px;
   -moz-border-radius:15px;
   -webkit-border-radius:15px;
</style>

Ожидаемый эффект:

Все эффекты наблюдаются только через браузеры с поддержкой CSS3. Если браузер у пользователей CSS3 не поддерживает, ничего страшного, они увидят форум таким же, каким видели до установки скриптов.

Работу скриптов можно пронаблюдать у меня на форуме

Устанавливаются в поле HTML верх

Отредактировано Jonson (2012-03-30 07:02:27)