» »

Голубые кнопки GLOBA для сайта ucoz


Голубые кнопки GLOBA для сайта ucoz

О скрипте:
Голубые кнопки для сайта ucoz, созданы красиво, если ставить их на сайт заменят все кнопки вплоть на форуме, так что маленько изменится дизайн, кнопки сразу бросаются в глаза, так как они яркие, при наведении меняют цвет. Так же на нашем сайте огромная коллекция скриптов.
Приступаем к установке:
Вставляем в CSS в конец.
Code
/* inputs start */  
input[type="image"]:hover {opacity:0.8;}  
input, textarea, select, button {font-family:verdana; font-size:11px;}  

input[type="text"],  
input[type="password"],  
textarea,  
select,  
input.codeButtons {padding:2px;border:1px solid #d7d7d7;background:url('http://zornet.ru/zornet_ru1/chat-textarea.jpg') 1px 1px no-repeat #fff;  
  font:11px Tahoma;border-radius:2px;outline:none;margin:2px;}  

input[type="text"],  
input[type="password"] {padding:2px 0; text-indent:3px;}  

input.codeButtons {padding:2px;border:1px solid #d7d7d7;background:url('http://zornet.ru/zornet_ru1/chat-textarea.jpg') 1px 1px no-repeat #fff;  
  font:11px Tahoma;border-radius:2px;outline:none;margin:2px;}  

input[type="button"],  
input[type="submit"],  
input[type="reset"],  
.uSpoilerButton,  
uplFileFl,  
.buttons,  
button {font-size:11px;padding:2px 11px;color:#fff;  
background:url('http://zornet.ru/zornet_ru1/switch.png') no-repeat #0082A8;  
border:1px solid #0082A8;  
-moz-border-radius:2px;  
-webkit-border-radius:2px;border-radius:2px;  
text-shadow:0 1px 0 #0082A8;  
font-weight:600;padding-top:2px;padding-bottom:3px;padding-right:3px;padding-left:3px;cursor:pointer;margin:2px;}  

input[type="button"]:hover,  
input[type="submit"]:hover,  
input[type="reset"]:hover,  
.uSpoilerButton,  
uplFileFl,  
.buttons,  
button:hover {font-size:11px;padding:2px 11px;color:#fff;  
background:url('http://zornet.ru/zornet_ru1/switch-hover.png') no-repeat #1E90FF;  
border:1px solid #0082A8;  
-moz-border-radius:2px;  
-webkit-border-radius:2px;border-radius:2px;  
text-shadow:0 1px 0 #0082A8;  
font-weight:600;padding-top:2px;padding-right:3px;padding-bottom:3px;padding-left:3px;cursor:pointer;margin:2px;}  

textarea {overflow:auto; resize:none;}  

/* inputs end */
20.05.2012 Просмотров: 848 Комментарий: (10)

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

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

Комментарий: 0
avatar