• Страница 1 из 1
  • 1
Форум » Веб-разработка » HTML + CSS — коды » Стиль изменение переключателей страниц uCoz
Стиль изменение переключателей страниц uCoz
Kosten
Суббота, 25 Ноября 2017 | Сообщение 1
Оффлайн
Администраторы
Сообщений:44355
Награды: 70
Не секрет, что при создание сайта веб мастеру не нравятся переключатели страниц, но все это можно исправить и поставить свои оригинальные. Но изначально нужно найти тот стиль, что идет по умолчанию в CSS и убрать его. И только после этого на тоже место, от куда вы снесли стили, что шли по умолчанию на переключатели, а точнее на дизайн, ставим новый.

Как понять, что все стили убраны?

Когда только останутся цифры, то после этого можно ставить новые. Если не уберете, то получится сразу 2 дизайн, что не нуэно.

Как пример замены вот эти переключатели, что картинка снята с тестового сайта, где проверены изначально.



CSS:

Код
.catPages1,  
.catPages2,  
.pagesBlock1,  
.pagesBlock2,  
.pagesBlockuz1,  
.pagesBlockuz2 {padding:35px 0px 0px 0px;border-bottom:1px solid rgba(204, 196, 196, 0.99)}  
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: rgba(42, 66, 160, 0.97);
  background:none;
  font-size:11px;
  position:relative;
}  
.catPages1 b,  
.catPages2 b,  
.pagesBlock1 b,  
.pagesBlock2 b,  
.pagesBlockuz1 b,  
.pagesBlockuz2 b {  
  color:rgba(43, 41, 41, 0.98);  
}  

.catPages1 b:after,  
.catPages2 b:after,  
.pagesBlock1 b:after,  
.pagesBlock2 b:after,  
.pagesBlockuz1 b:after,  
.pagesBlockuz2 b:after {  
  content:'';
  width:100%;
  height:1px;
  position:absolute;
  background:rgba(23, 21, 21, 0.96);
  bottom:-1px;
  left:0px;
}  

.catPages1 a:hover,  
.catPages2 a:hover,  
.pagesBlock1 a:hover,  
.pagesBlock2 a:hover,  
.pagesBlockuz1 a:hover,  
.pagesBlockuz2 a:hover {  
  color:rgba(23, 22, 22, 0.99);  
  background:none;
}
.swchItemDots {
  letter-spacing:1px;
  color:rgba(128, 153, 169, 0.96);
  font-size:11px;
}
Прикрепления: 1201585.png (1.3 Kb)
Страна: (RU)
Форум » Веб-разработка » HTML + CSS — коды » Стиль изменение переключателей страниц uCoz
  • Страница 1 из 1
  • 1
Поиск: