11:13 Воскресенье 2025
Статистика Форума
Последние обновленные темы Самые популярные темы Самые активные Новые участники
Время в профиле прош... (0)
КПК - персональная с... (0)
Вид цитаты и code st... (0)
СТАЛКЕРСКИЙ МИНИ-ПРО... (0)
БЛОК ИНТЕРЕСНЫХ ФАКТ... (0)
Гид по Народной Соля... (27)
Бар «От заката до ра... (18)
Гид по прохождению м... (16)
Азы модостроения (14)
Баги и ошибки на сай... (8)
XemorDio(died) (626)
Бармен (146)
ExGooD (48)
habib (37)
Rayviner (19)
maksimstebnovskij5 (02.03.2023)
slitkovets (30.10.2022)
ianoiano62 (29.01.2022)
Timkalv (20.09.2021)
Myloisonau (03.09.2021)

  • Страница 1 из 1
  • 1
Изменение всех стандартных кнопок Ucoz на красивые
XemorDio(died)Дата: Среда, 13.01.2016, 18:36 | Сообщение # 1
Генерал-лейтенант
Группа: Свобода
Сообщений: 626
Награды: 3
Репутация: 4
Статус:
Производим замену всех стандартных кнопок на вашем сайте ,на стильные, красивые, белые кнопки, посмотрите их на скрине, красиво будет стоять на белом дизайне.
Источник: Passagestalker.3dn.ru

Установка:
1. Заходим в Панель Управления - Управление дизайном - Таблица стилей CSS, в самый низ вставляем, если у Вас уже стоят стили кнопок, то удалите старый вид, и вставьте это:

Код
input[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;   
}
 
  • Страница 1 из 1
  • 1
Поиск: