/ Журнал / Скрипты для uCoz / Синий переключатель страниц для uCoz
1806.

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

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

Кнопки смотрятся красиво и их цвет вы можете легко поменять, вам просто необходимо заменить нужный вам цвет в самом коде, а выглядят они именно так: #78aaff;. Кнопки можно построить под любой дизайн сайтов uCoz.

Код
.catPages1,  
.catPages2,  
.pagesBlock1,  
.pagesBlock2,  
.pagesBlockuz1,  
.pagesBlockuz2 {padding:35px 0px 10px 0px;}  
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 {  
  padding:6px 12px;  
  -webkit-border-radius: 3px;  
  -moz-border-radius: 3px;  
  border-radius: 3px;  
  color:#7badec;  
  background:#f1f4f9;  
  border:1px solid #d3dceb;  
  font-size:13px;  
}  
.catPages1 b,  
.catPages2 b,  
.pagesBlock1 b,  
.pagesBlock2 b,  
.pagesBlockuz1 b,  
.pagesBlockuz2 b {  
  color:#fff;  
  background:#78aaff;  
  border-color:#337bf4;  
}  
.catPages1 a:hover,  
.catPages2 a:hover,  
.pagesBlock1 a:hover,  
.pagesBlock2 a:hover,  
.pagesBlockuz1 a:hover,  
.pagesBlockuz2 a:hover {  
  color:#2b83ef;  
  background:#ecf2f6;  
  border-color:#2c82ef;  
}  
.swchItemDots {  
  letter-spacing:1px;  
  color:#828e96;  
  font-size:11px;  
}
Поделитесь в социальных сетях

Комментарии 0

avatar
Поиск
Вход на сайт
Статистика
Яндекс.Метрика Анализ сайта kaisar.su
Всего
Пользователей
Гостей
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Наверх