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 Просмотров: 1218 Комментариев: (11)

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

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

Kosten

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

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

Порядок вывода комментариев:

Сопрано 20 Октября 2015 20:39¹

Почему сразу под темный, можно все в стилях поменять и будет под светлый сайт.

Kosten 20 Октября 2015 21:41²

Но на темном будет смотреться на много эффектней чем на светлом.

FeStemBer 20 Октября 2015 23:55³

Красивые переключатели.

AnTron 21 Октября 2015 12:50⁴

Вот себе на светлый дизайн сделал, и не чего почти не подправлял, главное убрать старые переключатели, если есть на сайте.

Сопрано 21 Октября 2015 22:58⁶

На светлом нужно его переделать, вы его поставили как он идет изначально. Немного доработать и будет совершенно другой вид.

Kolinkor 21 Октября 2015 23:00⁷

Trantel, зеленый обвод, это редкость в дизайне, а в переключателях вообще в первые вижу и не могу представить сайт, где нет такого цвета и стоял этот скрипт.

Сопрано 21 Октября 2015 23:02⁸

А для кого было написано, что нужно под светлый дизайн переделывать, там одни стили и нужно только цвет поменять и все, готовые переключатели и совершенно другой дизайн.

ZruBkul 21 Октября 2015 16:53⁵

Старое, но сделано красиво, возможно переделаю.

AnTron 21 Октября 2015 23:09⁹

Не нужно умничать, что переделать можно, все можно сделать как нужно, если есть стили, а когда идет на одних стилях, то можно вообще сделать так, что на исходный материал не похоже будет.

Kvint 23 Октября 2015 11:28¹⁰

Ставил не понравились, а что то переделывать не охота, оставил прежний.

Kosten 23 Октября 2015 13:44¹¹

Смотря на какой дизайн были установлены.

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