Кнопка "Добавить материал" в CSS 3
Кнопка "Добавить материал" в CSS 3-выполнена красиво с изящными закруглениями углов и цветовой раскраской.В не наведенном режиме пустота кнопки белая,а линии и текст на кнопки синего-это все можно настроить под дизайн вашего сайта,а при наведении все наоборот,пустота заполняется синим цветом,А текст становится белым
Установка:в CSS прописываем код
Это код кнопки,ставим куда хотим
Установка:в CSS прописываем код
Код
/* ----------- Доб ----------- */
#dobavlenie {padding:3px 8px;background:#F4F4F4;-moz-border-radius:6px;border-radius:6px; color:#337192;border: 1px solid #337192;font-size:12px;font-weight:bold;}
#dobavlenie:hover {text-decoration:none;padding:3px 8px;background:#337192;color:#FFF;-moz-border-radius:6px;border-radius:6px;}
/* ------------------------- */
#dobavlenie {padding:3px 8px;background:#F4F4F4;-moz-border-radius:6px;border-radius:6px; color:#337192;border: 1px solid #337192;font-size:12px;font-weight:bold;}
#dobavlenie:hover {text-decoration:none;padding:3px 8px;background:#337192;color:#FFF;-moz-border-radius:6px;border-radius:6px;}
/* ------------------------- */
Это код кнопки,ставим куда хотим
Код
<a href="news/0-0-0-0-1"id="dobavlenie">Добавить материал</a>
Файлы для скачивания отсутствуют.
Поблагодарить автора
Автор: Turbo
Комментарии (0)
