Страница 1 из 11
Форум про uCoz » Раздел для uCoz » HTML коды для сайта uCoz » Скрипт красивые голубые кнопки ucoz
Скрипт красивые голубые кнопки ucoz
Kosten
Дата: Воскресенье, 20.05.2012, 14:33 | Сообщение # 1
Администраторы
Сообщений:15820
Награды: 51




О скрипте:

Красивые голубые кнопки для 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)
Форум про uCoz » Раздел для uCoz » HTML коды для сайта uCoz » Скрипт красивые голубые кнопки ucoz
Страница 1 из 11
Поиск: