| Kosten | Суббота, 25 Ноября 2017, 22:53 | Сообщение 1 |
| Не секрет, что при создание сайта веб мастеру не нравятся переключатели страниц, но все это можно исправить и поставить свои оригинальные. Но изначально нужно найти тот стиль, что идет по умолчанию в 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;
} | | Страна: (RU) |
| |
