» »

Замена кнопок на ответе сайта uCoz

Замена кнопок на ответе сайта 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; }
04.01.2017 Просмотров: 488 Комментарий: (1)

Поделиться в социальных сетях

Материал разместил

Комментарий: 1
liya-mingalieva
liya-mingalieva 11.01.2017 11:431
0
avatar