ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Переключателя страниц Videtor для uCoz

Переключателя страниц Videtor для uCoz

Когда смотришь на переключатели, то сразу думаешь, как они бы смотрелись на темном ресурсе, так как Переключателя страниц Videtor для uCoz безусловно были созданы под эту гамму. Здесь все предсказуемо и понятно, если кнопка вся в зеленом оттенке, то вы находитесь на этой страницы, остальные оставаться полые и что по своему виду оригинально.

CSS:

Код

.catPages1, .pagesBlockuz1, .pagesBlockuz2 {color:#000000;border:0px;margin-bottom:8px;margin-top:9px;}
  .catPages1 a:link, .pagesBlockuz1 a:link, .pagesBlockuz2 a:link,
  .catPages1 a:visited, .pagesBlockuz1 a:visited, .pagesBlockuz2 a:visited,
  .catPages1 a:hover, .pagesBlockuz1 a:hover, .pagesBlockuz2 a:hover,
  .catPages1 a:active, .pagesBlockuz1 a:active, .pagesBlockuz2 a:active {
  color: #FFFFFF;
  padding:2px 8px;
  font-size:11px;
  font-weight:bold;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #33FF00;
  text-decoration:none;
  background-color: #151515;
  }
  .catPages1 a:hover, .pagesBlockuz1 a:hover, .pagesBlockuz2 a:hover, a.swchItem1:hover {
  color: #000000;
  padding:2px 8px;
  font-size:11px;
  font-weight:bold;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #33FF00;
  text-decoration:none;
  background-color: #33FF00;
  }

  .catPages1 b, .pagesBlockuz1 b, .pagesBlockuz2 b {color: #FFFFF;
  padding:1px 7px;
  font-size:10px;
  font-weight:bold;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #33FF00;
  text-decoration:none;
  background-color: #6FFF2D;
  }

  a.swchItem1:link, a.swchItem:link {color: #FFFFFF;
  padding:2px 5px;
  font-size:9px;
  font-weight:bold;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #33FF00;
  text-decoration:none;
  }
  .swchItemA1, .swchItemA {
  color: #000000;
  padding:2px 3px;
  font-size:9px;
  font-weight:bold;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #33FF00;
  text-decoration:none;
  background-color: #33FF00;
  }

  a.swchItem1:hover, a.swchItem:hover {
  color: #000000;
  padding:2px 5px;
  font-size:9px;
  font-weight:bold;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #33FF00;
  text-decoration:none;
  background-color: #33FF00;
  }

Должны работать как на вверху, так и внизу.

20 Октября 2015 Просмотров: 1201 Комментариев: (11)

Поделиться в социальных сетях

Материал разместил

Kosten

Похожие материалы

Оставь свой отзыв

Комментарии: 11
Порядок вывода комментариев: Сопрано 20 Октября 2015 20:39¹ 0 Почему сразу под темный, можно все в стилях поменять и будет под светлый сайт. Kosten 20 Октября 2015 21:41² 0 Но на темном будет смотреться на много эффектней чем на светлом. FeStemBer 20 Октября 2015 23:55³ 0 Красивые переключатели. AnTron 21 Октября 2015 12:50⁴ 0 Вот себе на светлый дизайн сделал, и не чего почти не подправлял, главное убрать старые переключатели, если есть на сайте. Сопрано 21 Октября 2015 22:58⁶ 0 На светлом нужно его переделать, вы его поставили как он идет изначально. Немного доработать и будет совершенно другой вид. Kolinkor 21 Октября 2015 23:00⁷ 0 Trantel, зеленый обвод, это редкость в дизайне, а в переключателях вообще в первые вижу и не могу представить сайт, где нет такого цвета и стоял этот скрипт. Сопрано 21 Октября 2015 23:02⁸ 0 А для кого было написано, что нужно под светлый дизайн переделывать, там одни стили и нужно только цвет поменять и все, готовые переключатели и совершенно другой дизайн. ZruBkul 21 Октября 2015 16:53⁵ 0 Старое, но сделано красиво, возможно переделаю. AnTron 21 Октября 2015 23:09⁹ 0 Не нужно умничать, что переделать можно, все можно сделать как нужно, если есть стили, а когда идет на одних стилях, то можно вообще сделать так, что на исходный материал не похоже будет. Kvint 23 Октября 2015 11:28¹⁰ 0 Ставил не понравились, а что то переделывать не охота, оставил прежний. Kosten 23 Октября 2015 13:44¹¹ 0 Смотря на какой дизайн были установлены.