» »

Переключателя страниц 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.10.2015 Просмотров: 376 Комментарий: (11)

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

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

Комментарий: 11
Сопрано
Сопрано 20.10.2015 20:391
0
Почему сразу под темный, можно все в стилях поменять и будет под светлый сайт.
Kosten
Kosten 20.10.2015 21:412
0
Но на темном будет смотреться на много эффектней чем на светлом.
FeStemBer
FeStemBer 20.10.2015 23:553
0
Красивые переключатели.
AnTron
AnTron 21.10.2015 12:504
0
Вот себе на светлый дизайн сделал, и не чего почти не подправлял, главное убрать старые переключатели, если есть на сайте.

Сопрано
Сопрано 21.10.2015 22:586
0
На светлом нужно его переделать, вы его поставили как он идет изначально. Немного доработать и будет совершенно другой вид.
Brung
Brung 21.10.2015 23:007
0
Trantel, зеленый обвод, это редкость в дизайне, а в переключателях вообще в первые вижу и не могу представить сайт, где нет такого цвета и стоял этот скрипт.
Сопрано
Сопрано 21.10.2015 23:028
0
А для кого было написано, что нужно под светлый дизайн переделывать, там одни стили и нужно только цвет поменять и все, готовые переключатели и совершенно другой дизайн.
ZruBkul
ZruBkul 21.10.2015 16:535
0
Старое, но сделано красиво, возможно переделаю.
AnTron
AnTron 21.10.2015 23:099
0
Не нужно умничать, что переделать можно, все можно сделать как нужно, если есть стили, а когда идет на одних стилях, то можно вообще сделать так, что на исходный материал не похоже будет.
Kvint
Kvint 23.10.2015 11:2810
0
Ставил не понравились, а что то переделывать не охота, оставил прежний.
Kosten
Kosten 23.10.2015 13:4411
0
Смотря на какой дизайн были установлены.
avatar