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
Комментариев нет:
Отправить комментарий