Навигация
Категории
| Скрипты для Ucoz [474] |
| Шаблоны для Ucoz [199] |
| Графика для Ucoz [11] |
| Скрипты Меню для сайта [21] |
| Ajax Окна [4] |
Мини-Чат
Опрос
Лучшие пользователи
Ник: Толик
Файлов: 744
Ник: cyber
Файлов: 159
Ник: waxirewion
Файлов: 59
Ник: Admin™
Файлов: 5
Партнеры
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
| Главная » Файлы » Всё для Ucoz » Скрипты для Ucoz |
Скрипт красивых кнопок на CSS
И так, приступим.
1) HTML код, вставляете там, где Вам нужно:
Как Вы наверное уже заметили - мы присвоили input свой стиль - "butfr2".
2) В свой CSS прописываем следующее.
путем редактирование CSS вы можете изменить цвет и размер кнопки.
1) HTML код, вставляете там, где Вам нужно:
Code
<a href="#"><input type="submit" value="Обратная связь с администрацией сайта." class="butfr2"></a>
Как Вы наверное уже заметили - мы присвоили input свой стиль - "butfr2".
2) В свой CSS прописываем следующее.
Code
/* Button by Suglobovwlad (KoT)*/
.butfr2 {-moz-transition: all 0.3s ease 0s;-moz-box-sizing: border-
box;background: url("/un_images/highlight_buttom2.png") repeat-x scroll center top #ECAE0F;border: 1px solid #F3970C;border-radius: 3px 3px 3px 3px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.43);color: #FFFFFF;cursor: pointer;display: inline-block;font-family: Calibri,'Trebuchet MS',Verdana,Geneva,Arial,Helvetica,sans-serif;font-size: 12px;font-style: normal;height: 26px;line-height: 26px;outline: medium none;width: 400px;padding: 0 6px;text-align: center;text-shadow: 0 -1px 0 #8CAD36;}
a.butfr2 {color: #FFFFFF;display: inline-block;}
.butfr2:hover, .button[href]:hover, .buttonProxy:hover .button {background-
color: #FAB80E; border: 1px solid #F3970C; color: #FFFFFF;text-decoration: none;}
.butfr2:active, .button.ToggleButton.checked, .buttonProxy:active .button
{background-color: #ECAE0F; border: 1px solid #F3970C; color: #FFFFFF;outline: 0 none;}
/*----------*/
.butfr2 {-moz-transition: all 0.3s ease 0s;-moz-box-sizing: border-
box;background: url("/un_images/highlight_buttom2.png") repeat-x scroll center top #ECAE0F;border: 1px solid #F3970C;border-radius: 3px 3px 3px 3px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.43);color: #FFFFFF;cursor: pointer;display: inline-block;font-family: Calibri,'Trebuchet MS',Verdana,Geneva,Arial,Helvetica,sans-serif;font-size: 12px;font-style: normal;height: 26px;line-height: 26px;outline: medium none;width: 400px;padding: 0 6px;text-align: center;text-shadow: 0 -1px 0 #8CAD36;}
a.butfr2 {color: #FFFFFF;display: inline-block;}
.butfr2:hover, .button[href]:hover, .buttonProxy:hover .button {background-
color: #FAB80E; border: 1px solid #F3970C; color: #FFFFFF;text-decoration: none;}
.butfr2:active, .button.ToggleButton.checked, .buttonProxy:active .button
{background-color: #ECAE0F; border: 1px solid #F3970C; color: #FFFFFF;outline: 0 none;}
/*----------*/
путем редактирование CSS вы можете изменить цвет и размер кнопки.
| Всего комментариев: 1 | |
 Написал: Taganov
22:52
А где же ссылка на картинки???
box;background: url("/un_images/highlight_buttom2.png | |