Главная » Файлы » Скрипты для 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)=*/ Прикрепленные картинки кидаем в ФМ вашего сайта. Вот ДЕМО, там же найдете ссылку на сайт-источник. ПС: данный переключатель очень удобно переделывать, например у меня получился очень акуратный и красивый переключатель для моего интернет-магазина =) | |
Просмотров: 456 | Загрузок: 0 | |
Всего комментариев: 0 | |
| |