» »

Переключатель страниц ucoz от CStav


Если решили поменять переключатель страниц, то советую обратить на этот скрипт от сайта CStav. Он явно оригинален смотрится от стандартных, пусть даже они будут созданы специально под портал. Здесь они идут одной линией и есть с начало и далее надписью. И они работают, вам только нужно сделать клик и будет перелистывать по одному. Создан только для серой и светлой гаммы. Не представляю, но возможно поставить и на темный и там возможно отлично по стилям своим они украсят , так как они неотъемлемая часть.

Установка:

Качаем файл и закидываем его себе, потом идем в смена стандартных записей и нужно прописать Далее и назад и ставим сам код в CSS.

Код
.pagesBlockuz1 {display:inline-block;background:url(/per/page_butt.png) repeat-x;height:23px;padding:0 0 0 4px;border:1px solid #d5d5d5;overflow:hidden;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;}  
.swchItemA, .swchItem, .swchItemDots {display:inline-block;background:url(/per/page_butt.png) no-repeat right -46px;margin-left:-3px;padding-right:2px;}  
.swchItemA span, .swchItem span, .swchItemDots span {display:inline-block;height:23px;line-height:22px;margin-left:-1px;padding:0 10px;font-weight:bold;color:#797979;text-transform:uppercase;}  
.swchItemA span, .swchItem:hover span {background:url(/per/page_butt.png) repeat-x 0 -23px;color:#fff;text-shadow:0 1px 0 #263f4b;}  
.pagesBlockuz1 .swchItem:last-child, .swchItemA:last-child {background:none;padding:0;}
16.02.2015 Загрузок: 6 Просмотров: 617 Комментарий: (0)

Поделиться в социальных сетях

Материал разместил

Комментарий: 0
avatar