суббота, 2 февраля 2013 г.

стандартные кнопки input

function addcom(f){if (document.getElementById('addcBut')){document.getElementById('addcBut').disabled=true;}else {try{document.addform.submit.disabled=true;}catch(e){}}if (document.getElementById('eMessage')){document.getElementById('eMessage').innerHTML=' Идет передача данных...';}_uPostForm('acform',{type:'POST',url:'http://webelemen

Сегодня мы будем изменять все стандартные кнопки на своем сайте. Кнопки таких типов как: sumbit, button, file. Цвет: градиент белого с светло-серым Для того чтобы изменить все кнопки, нужно вставить этот CSS код, в свой файл стилей: Codeinput[type="submit"], input[type="button"], input[type="file"], input[type="reset"] {    border: none!important;    -webkit-border-radius: 3px!important;    -moz-border-radius 3px!important;    border-radius: 3px!important;    -webkit-box-shadow: 0 0px 2px #666!important;    -moz-box-shadow: 0 0px 2px #666!important;    box-shadow: 0 0px 2px #666!important;    font: bold 11px Sans-Serif!important;    padding:4px 8px!important;    margin:2px!important;    white-space: nowrap!important;    vertical-align: middle!important;    color: #444!important;    cursor: pointer;    background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#e1e1e1))!important;    background-image: -webkit-linear-gradient(top, #eee, #e1e1e1)!important;    background-image: -moz-linear-gradient(top, #eee, #e1e1e1)!important;    background-image: -ms-linear-gradient(top, #eee, #e1e1e1)!important;    background-image: -ms-linear-gradient(top, #eee, #e1e1e1)!important;    background-image: -o-linear-gradient(top, #eee, #e1e1e1)!important;    background-image: linear-gradient(top, #eee, #e1e1e1)!important;   }   input[type="submit"]:hover , input[type="submit"]:focus {   -webkit-box-shadow: 0 0 3px #333!important;    -moz-box-shadow: 0 0 3px #333!important;    box-shadow: 0 0 3px #333!important;   color:#7c9843!important; }   input[type="submit"]:active {    -webkit-box-shadow: 0 0px 6px #666!important;    -moz-box-shadow: 0 0px 6px #666!important;    box-shadow: 0 0px 6px #666!important;   }   input[type="submit"]:disabled {    color: #999!important; }      input[type="button"]:hover , input[type="button"]:focus {    -webkit-box-shadow: 0 0 3px #333!important;    -moz-box-shadow: 0 0 3px #333!important;    box-shadow: 0 0 3px #333!important;   color:#7c9843!important; }   input[type="button"]:active {    -webkit-box-shadow: 0 0px 6px #666!important;    -moz-box-shadow: 0 0px 6px #666!important;    box-shadow: 0 0px 6px #666!important;   }   input[type="button"]:disabled {    color: #999!important; }   input[type="file"]:hover , input[type="file"]:focus {    -webkit-box-shadow: 0 0 3px #333!important;    -moz-box-shadow: 0 0 3px #333!important;    box-shadow: 0 0 3px #333!important;   color:#7c9843!important; }   input[type="file"]:active {    -webkit-box-shadow: 0 0px 6px #666!important;    -moz-box-shadow: 0 0px 6px #666!important;    box-shadow: 0 0px 6px #666!important;   }   input[type="file"]:disabled {    color: #999!important; } input[type="reset"]:hover , input[type="file"]:focus {    -webkit-box-shadow: 0 0 3px #333!important;    -moz-box-shadow: 0 0 3px #333!important;    box-shadow: 0 0 3px #333!important;   color:#7c9843!important; }   input[type="reset"]:active {    -webkit-box-shadow: 0 0px 6px #666!important;    -moz-box-shadow: 0 0px 6px #666!important;    box-shadow: 0 0px 6px #666!important;   }   input[type="reset"]:disabled {    color: #999!important; } Этот код так же изменяет стиль кнопок BB кодов, но только если используется стандарт.

» » Изменяем стандартные кнопки на uCoz (третий стиль) 23.10.2012 09:06

WebElement - это сборник дизайнерских мелочейА также скриптов, помогающих вам в сайто-строении.Мы поможем вам сделать сайт красивее, мобильнее и удобнее.У нас вы можете найти готовые решения на:HTML, CSS\CSS3, jQuery, JS, плагинам к библиотеке JQ и не только...Используйте только качественные скрипты на своих сайтах.

WebElement: Изменяем стандартные кнопки на uCoz (третий стиль) - 23 Октября 2012

Комментариев нет:

Отправить комментарий