О скрипте:
Красивые голубые кнопки для 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 */