Замена кнопок на ответе сайта uCoz - Кнопки - UCOZ - Каталог файлов - Каморка
kamorka
Menu
Правила чата
Пользователи онлайн
Мини-чат
+Мини-чат
0
Онлайн всего: 1
Гостей: 1
Пользователей: 0
   Категории

Комментарии

KaMoRkA.uCoz.com -- uCoz -- Кнопки


Здесь вы можете поменять кнопки на сайте на оригинальный дизайн. Также замена произойдет на форуме и спойлер тоже будет в таком стиле. Очень много можно стилей найти на разнообразную стилистику кнопок, но здесь они реально будут отличатся от других. Но вы должны понять, что функций как поменять увет шрифта или увеличить его, нужно будет запретить показывать, чтоб смотрелось корректно.

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



CSS

Код
/* Input's */  
input[type=reset],input[type=submit],input[type=button],.button, .manbb {background: #ffffff;color: #488BFA;border: 2px solid;border-color: #488bfa;text-decoration: none;line-height: 16px;padding:5px 10px;display: inline-block;border-radius:10px;outline: none;font-size: 14px;font-family: 'Open Sans', sans-serif;letter-spacing: 0.5px;transition: background .2s ease, color .2s ease, border .2s ease, box-shadow .3s ease;-webkit-transition: background .2s ease, color .2s ease, border .2s ease, box-shadow .3s ease;text-decoration: none;cursor:pointer}  
input[type=reset]:hover,input[type=submit]:hover,input[type=button]:hover,.button:hover, .manbb:hover {background: #69A1FF;border-color: #69A1FF;color: #ffffff;text-decoration: none;}  
input[type=reset]:active,input[type=submit]:active,input[type=button]:active,.button:active, .manbb:active {background: #3979E3;border-color: #3979E3;color: #ffffff;text-decoration: none;}  
input[type=text],input[type=password],input[type=email],select{height:25px;margin-top: 5px;padding:0 7px;font-family:'Droid Sans', Verdana, sans-serif;font-size:13px;border: 1px solid #cfd9db;background-color: #ffffff;border-radius: .25em;box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);color:#3B3B3B;outline:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px}  
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus,select:focus{outline: none;border-color: #2c97de;box-shadow: 0 0 15px rgba(44, 151, 222, 0.3);}  
input[type=file]{margin-bottom:5px;margin-left:5px;border: 1px double #D8D8D8; padding:5px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px}  
textarea {margin-top: 5px;padding:0 7px;font-family:'Droid Sans', Verdana, sans-serif;font-size:13px;border: 1px solid #cfd9db;background-color: #ffffff;border-radius: .25em;box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);color:#3B3B3B;outline:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px}  
.uSpoilerButton { color: #f25246 !important; border-color: #f25246 !important; }  
.uSpoilerButton:hover { background: #f25246 !important; border-color: #f25246 !important; color: #fff !important; }

Важно!

При копировании материала указывать ссылку на источник.

- 411
- 22-Января-2017
- 0
Материал разместил:

Похожий материал
Статьи сайта