• Страница 1 из 1
  • 1
Скрипт красивые голубые кнопки для uCoz
Kosten
Воскресенье, 20 Мая 2012, 14:33 | Сообщение 1
Оффлайн
Администраторы
Сообщений:44490
Награды: 70


О скрипте:

Красивые голубые кнопки для ucoz, для светло серых дизайн сайтов, отлично выполнены, при наведении меняют цвет, возможна не большое изменения дизайн сайта, так как все кнопки на сайте изменятся под наши.
Приступаем к установке:
Все просто, берем копируем код и вставляем в CSS в конец.
Код
/* 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 */
Страна: (RU)
  • Страница 1 из 1
  • 1
Поиск: