Главная » Файлы » Скрипты для uCoz » Переключатели страниц

Page Selectors v5 с фоновой картинкой для интернет-магазина и всех других модулей
24.06.14, 09:38:09

Скачать файл



Вобщем искал я на этом сайте переключатель страниц для интернет магазина, но что то не нашел, поэтому вот такой переключатель нашел на другом сайте и решил поделиться.
Так автор назвал свою наработку: "Page Selectors v5. Бордер радиус, фоновая картинка, оранжевая тема"

Стили для контент-модулей (в конец общего CSS):
Код
/*=Start(PageSelectors)=*/  
  b.swchItemA,b.swchItemA1,span.swchItemDots,a.swchItem,a.swchItem1{font:bold 12px/1.2 Verdana,sans-serif;text-decoration:none;color:#CC5D28;}  
  a.swchItem,a.swchItem1,b.swchItemA,b.swchItemA1{padding:3px 9px;border:1px solid #F6A37B;bottom:-4px;  
  -moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px;border-radius:3px;  
  }  
  b.swchItemA,b.swchItemA1{color:#FFF;background:#FFB5B0 url('/img/ps5_2.png') repeat-x 50% 50%;}  
  span.swchItemDots{vertical-align:-2px;}  
  a.swchItem:link,a.swchItem1:link,a.swchItem:visited,a.swchItem1:visited{background:#FFCCB3 url('/img/ps5_1.png') repeat-x 50% 50%;}  
  a.swchItem:hover,a.swchItem1:hover,a.swchItem:active,a.swchItem1:active{background:#FFB5B0 url('/img/ps5_2.png') repeat-x 50% 50%;color:#651A02;}  
  a.swchItem:active,a.swchItem1:active{color:#F00;}  
  #numEntries{margin-top:3px;}  
  /*=End(PageSelectors)=*/


Стили для Интернет-магазина (в конец CSS интернет-магазина):
Код
/*=Start(PageSelectorsShop)=*/  
  span.pgSwchA b,a.pgSwch,span.plist{font:bold 12px/1.2 Verdana,sans-serif;text-decoration:none;color:#CC5D28;}  
  span.pgSwchA b,a.pgSwch{padding:3px 9px;border:1px solid #F6A37B;vertical-align:2px;bottom:-4px;  
  -moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px;border-radius:3px;  
  }  
  span.pgSwchA b{color:#FFF;background:#FFCCB3 url('/img/ps5_2.png') repeat-x 50% 50%;}  
  a.pgSwch:link,a.pgSwch:visited{background:#FFCCB3 url('/img/ps5_1.png') repeat-x 50% 50%;}  
  a.pgSwch:hover,a.pgSwch:active{background:#FFB5B0 url('/img/ps5_2.png') repeat-x 50% 50%;color:#651A02;}  
  a.pgSwch:active{color:#F00;}  
  /*=End(PageSelectorsShop)=*/


Прикрепленные картинки кидаем в ФМ вашего сайта.

Вот ДЕМО
, там же найдете ссылку на сайт-источник.

ПС: данный переключатель очень удобно переделывать, например у меня получился очень акуратный и красивый переключатель для моего интернет-магазина =)
Категория: Переключатели страниц | Добавил: Apocalypse | Теги: page, фоновой, всех, модулей, Selectors, v5, Интернет-магазина, картинкой, для, других
Просмотров: 318 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: