Переключатель страниц для uCoz в стиле FLAT
Переключатель страниц для uCoz в стиле FLAT-давно мечтал найти и поставить такой вот переключатель страниц,увидевший когда-то на одном сайте,но к сожалению не нашел и пришлось обходится тем что было,а теперь когда я его нашел и установил решил выложить на сайте,вдруг у пользователей вкусы совпадают с моими,поэтому пользуйтесь и улучшайте свой сайт
Установка: В CSS вместо старого кода ставим новый
Установка: В CSS вместо старого кода ставим новый
Код
/* Переключатель страниц */
.swchItemA, .swchItem, .swchItemA1, .swchItem1{color: #FFF; display: inline-block; padding: 5px 10px; text-decoration: none; font-weight: normal; text-transform: uppercase; font-weight: bold; color: #498bfa; border: 2px solid #e5e5e5; text-decoration: none; display: inline-block; padding: 3px 10px; padding-top: 3px; margin-right: 2px; margin-top: 16px; border-radius: 5px;}
.swchItem, .swchItem1{color:#787878;background:none;}
.swchItem:hover, .swchItem1:hover{color:#787878;text-decoration:none;border:2px solid #d4d4d4;}
.swchItemA, .swchItemA1{border:2px solid #498bfa;}
.swchItemDots{padding:5px 0px;padding-right:10px;color:#d4d4d4;display:inline-block}
.catPages1, .catPages2{padding:10px 0; text-align:center}
.pagesBlock2{margin-top:10px!important;display:block}
/* ------------------------- */
.swchItemA, .swchItem, .swchItemA1, .swchItem1{color: #FFF; display: inline-block; padding: 5px 10px; text-decoration: none; font-weight: normal; text-transform: uppercase; font-weight: bold; color: #498bfa; border: 2px solid #e5e5e5; text-decoration: none; display: inline-block; padding: 3px 10px; padding-top: 3px; margin-right: 2px; margin-top: 16px; border-radius: 5px;}
.swchItem, .swchItem1{color:#787878;background:none;}
.swchItem:hover, .swchItem1:hover{color:#787878;text-decoration:none;border:2px solid #d4d4d4;}
.swchItemA, .swchItemA1{border:2px solid #498bfa;}
.swchItemDots{padding:5px 0px;padding-right:10px;color:#d4d4d4;display:inline-block}
.catPages1, .catPages2{padding:10px 0; text-align:center}
.pagesBlock2{margin-top:10px!important;display:block}
/* ------------------------- */
Файлы для скачивания отсутствуют.
Поблагодарить автора
Автор: Turbo
Комментарии (0)
