» »

Переключатель страниц VED системы ucoz


Переключатель страниц VED системы ucoz

Светлый переключатель страниц для сайта ucoz. Предназначен для светлых и серых дизайн сайтов. На сайте zornet.ru вы всегда найдете нужный скрипт или шаблон ucoz для сайта. так же на форуме есть раздел все для сайта ucoz. И там же можно найти раздел о помощи или подсказки по теме дизайн сайта. Так же хочу сказать все скрипты проверенны на тестовом сайте на работоспособность.
Приступаем к установке:
Панель управления - Управление дизайном - Таблица стилей (CSS) (в самый низ сайта)

Код
.catPages1 a:link,  
.catPages1 a:visited,  
.catPages1 a:hover,  
.catPages1 a:active {text-decoration:none;color: #fff;BACKGROUND-IMAGE:URL(http://wallaby.ucoz.ru/Images_template/691c18163c7e.png);border:1PX SOLID #999999; padding:2px 10px;font-size:11px;font-weight:bold;}  
.catPages1 a:hover {BACKGROUND-IMAGE:URL(http://zornet.ru/Zornet-2/7106ad9140b5.png);color:#fff;font-weight:bold;}  
.catPages1 b {text-decoration:none;BACKGROUND-IMAGE:URL(http://zornet.ru/Zornet-2/7106ad9140b5.png);border:1PX SOLID #999999;padding:2px 10px;color:#303b45;font-size:11px;}  
  .catPages2 {color:#ffffff;border:0px;margin-bottom:10px;margin-top:10px;}  
  .catPages2 a:link,  
  .catPages2 a:visited,  
  .catPages2 a:hover,  
  .catPages2 a:active {text-decoration:none;color: #fff;BACKGROUND-IMAGE:URL(http://zornet.ru/Zornet-2/691c18163c7e.png);border:1PX SOLID #999999; padding:2px 10px;font-size:11px;font-weight:bold;}  
  .catPages2 a:hover {background:#0094E0;color:#FFFFFF;font-weight:bold;}  
  .catPages2 b {text-decoration:none;BACKGROUND-IMAGE:URL(http://zornet.ru/Zornet-2/7106ad9140b5.png);border:1PX SOLID #999999;padding:2px 10px;color:#303b45;font-size:11px;}  
  .pagesBlockuz1 {color:#ffffff;border:0px;margin-bottom:10px;margin-top:10px;}  
  .pagesBlockuz1 a:link,  
  .pagesBlockuz1 a:visited,  
  .pagesBlockuz1 a:hover,  
  .pagesBlockuz1 a:active {text-decoration:none;color: #fff;BACKGROUND-IMAGE:URL(http://zornet.ru/Zornet-2/691c18163c7e.png);border:1PX SOLID #999999; padding:2px 10px;font-size:11px;font-weight:bold;}  
  .pagesBlockuz1 a:hover {BACKGROUND-IMAGE:URL(http://zornet.ru/Zornet-2/7106ad9140b5.png);color:#fff;font-weight:bold;}  
  .pagesBlockuz1 b {text-decoration:none;BACKGROUND-IMAGE:URL(http://zornet.ru/Zornet-2/7106ad9140b5.png);border:1PX SOLID #999999;padding:2px 10px;color:#303b45;font-size:11px;}  

  .pagesBlockuz2 {color:#ffffff;border:0px;margin-bottom:10px;margin-top:10px;}  
  .pagesBlockuz2 a:link,  
  .pagesBlockuz2 a:visited,  
  .pagesBlockuz2 a:hover,  
  .pagesBlockuz2 a:active {text-decoration:none;color: #56510C;BACKGROUND-IMAGE:URL(http://zornet.ru/Zornet-2/691c18163c7e.png);border:1PX SOLID #999999; padding:2px 10px;font-size:11px;font-weight:bold;} .pagesBlockuz2 a:hover {background:#0094E0;color:#FFFFFF;font-weight:bold;}  
  .pagesBlockuz2 b {text-decoration:none;BACKGROUND-IMAGE:URL(http://zornet.ru/Ajaxoskrip/Fyrkes/Zret/7106ad9140b5.png);border:1PX SOLID #999999;padding:4px 10px;color:#303b45;font-size:11px;}  
  .pagesBlock1 {color:#ffffff;border:0px;margin-bottom:10px;margin-top:10px;}  
  .pagesBlock1 a:link,  
  .pagesBlock1 a:visited,  
  .pagesBlock1 a:hover,  
  .pagesBlock1 a:active {text-decoration:none;color: #fff;BACKGROUND-IMAGE:URL(http://zornet.ru/Zornet-2/691c18163c7e.png);border:1PX SOLID #999999; padding:2px 10px;font-size:11px;font-weight:bold;}  
  .pagesBlock1 a:hover {background:#2c2c2c;color:#FFFFFF;font-weight:bold;}  
  .pagesBlock1 b {text-decoration:none;BACKGROUND-IMAGE:URL(http://zornet.ru/Zornet-2/7106ad9140b5.png);border:1PX SOLID #999999;padding:2px 10px;color:#303b45;font-size:11px;} .pagesBlock2 {color:#ffffff;border:0px;margin-bottom:10px;margin-top:10px;}  

  .pagesBlock2 a:link,  
  .pagesBlock2 a:visited,  
  .pagesBlock2 a:hover,  
  .pagesBlock2 a:active {text-decoration:none;color: #fff;BACKGROUND-IMAGE:URL(http://zornet.ru/Zornet-2/691c18163c7e.png);border:1PX SOLID #999999; padding:2px 10px;font-size:11px;font-weight:bold;}  
  .pagesBlock2 a:hover {background:#2c2c2c;color:#FFFFFF;font-weight:bold;}  
  .pagesBlock2 b {text-decoration:none;BACKGROUND-IMAGE:URL(http://zornet.ru/Zornet-2/7106ad9140b5.png);border:1PX SOLID #999999;padding:2px 10px;color:#303b45;font-size:11px;}
28.04.2012 Просмотров: 815 Комментарий: (12)

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

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

Комментарий: 12
Canon
Canon 11.01.2016 23:191
0
Почему то на светлом дизайне их больше вижу, не темном не приходилось.
Kosten
Kosten 12.01.2016 03:0011
0
Да все разобрались, что на темный сайт они также подойдут, но нужно будет немного корректировать, так как на светлый настроены.
Scheme
Scheme 11.01.2016 23:262
0
Очень знакомые мне эти кнопки, здесь страшно смотрятся, хоть меняй изображение, а так они классные.
FeStemBer
FeStemBer 11.01.2016 23:363
0
Эти вот точно трогать не нужно, а просто поставить на сайт и нормальное вывести изображение на материал.
Kvint
Kvint 11.01.2016 23:474
0
Это почему так решили, видать там ссылки есть, а вот с ними сложно что то в стилях изменить, но не говорю, что не возможно.
Сопрано
Сопрано 11.01.2016 23:585
0
А вот сейчас такте и не найти вообще, если по поиску, там только уже новые.
Brung
Brung 12.01.2016 00:056
0
Но думаю сделает, но здесь их явно нужно устанавливать, так как в поиске вообще их нет.
Kosten
Kosten 12.01.2016 00:137
0
Все правильно, нормальные кнопки и поставлю их и постараюсь вывести их нормальным изображением.
Brung
Brung 12.01.2016 01:438
0
Вот так нормально, но все же кажется немного добавил размера.
Kosten
Kosten 12.01.2016 01:469
0
Все проверил, не очень так они по цвету настроены были, сейчас вы наводите и синий цвет будет, он там и был, только кнопку больше сделал, на какой странице вы находитесь, чтоб понятно было.

tsakonter
tsakonter 12.01.2016 02:4110
0
Так очень нормально смотрится на светлом, не знаю, почему кто то говорит, что на темный не подойдут.
Kosten
Kosten 12.01.2016 03:0112
0
Так теперь понял, что если есть ссылки в дизайн кнопок, их также можно подогнать по размерам, как вам нужно или просто под сайт.
avatar