Главная » 2016 » Январь » 19 » Светлый переключатель страниц для ucoz (Скрипты для ucoz)
19.01.2016, 16:50

Светлый переключатель страниц для ucoz





Новый вид переключателей страниц для сайтов на uCoz. Отлично подойдет для светлого дизайна.

Для установки, необходимо зайти в ПУ-->Управление дизайном-->CSS. Находим там свои старые переключатели и удаляем их. Затем, в самый низ ставим это:

Код
.catPages1,  
.catPages2,  
.pagesBlock1,  
.pagesBlock2,  
.pagesBlockuz1,  
.pagesBlockuz2 {padding:0px;border:2px solid #e0e7eb;display:inline-block;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}  
span.catPages1,  
span.catPages2,  
span.pagesBlock1,  
span.pagesBlock2,  
span.pagesBlockuz1,  
span.pagesBlockuz2 {  
  display: inline-block;  
}  
.catPages1 a,  
.catPages2 a,  
.pagesBlock1 a,  
.pagesBlock2 a,  
.pagesBlockuz1 a,  
.pagesBlockuz2 a,  
.catPages1 b,  
.catPages2 b,  
.pagesBlock1 b,  
.pagesBlock2 b,  
.pagesBlockuz1 b,  
.pagesBlockuz2 b {  
  font-weight:bold;
  padding:12px 12px;  
  color:#868c90;  
  background:none;  
  font-size:11px;
  position:relative;
}  
.catPages1 b,  
.catPages2 b,  
.pagesBlock1 b,  
.pagesBlock2 b,  
.pagesBlockuz1 b,  
.pagesBlockuz2 b {  
  color:#00aaff;  
}  

.catPages1 b:after,  
.catPages2 b:after,  
.pagesBlock1 b:after,  
.pagesBlock2 b:after,  
.pagesBlockuz1 b:after,  
.pagesBlockuz2 b:after {  
  content:'';
  width:100%;
  height:2px;
  position:absolute;
  background:#00aaff;
  bottom:-2px;
  left:0px;
}  

.catPages1 a:hover,  
.catPages2 a:hover,  
.pagesBlock1 a:hover,  
.pagesBlock2 a:hover,  
.pagesBlockuz1 a:hover,  
.pagesBlockuz2 a:hover {  
  color:#00aaff;  
  background:none;
}
.swchItemDots {
  letter-spacing:1px;
  color:#62676a;
  font-size:11px;
}
Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: yraaa.ru
Категория: Скрипты uCoz | Просмотров: 651 | Добавил: antisept | Рейтинг: 0.0/0 |
Теги: страниц, переключатель, UCOZ, для, светлый
Пока комментариев нет. Ты можешь быть первым!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]