» »

Переключатель страниц как на сайте extm


Переключатель страниц как на сайте extm

О скрипте:
Переключатель страниц как на сайте extm, просто красивый вид, с округленными углами, это придает дизайну сайта свой такой необычный вид. Если не найдете можете оставить заявку на форуме и мы как можно быстрей вам поможем его приобрести. И от нас, небольшая просьба если помогли или есть критика, отпишите пожалуйста в гостевой книге. И вдруг найдете неисправленный скрипт или с битой ссылкой. Так же напишите в комментариях плиз.
Приступаем к установке:
ПУ - Каталог файлов - Главная страница каталога файлов и находим данный код:
Code
<td align="right"><!--<s3015>-->Страницы<!--</s>-->: $PAGE_SELECTOR$</td>  
</tr>


Меняем этот код на тот что выше:

Code
<td align="right"><!--<s3015>-->Страницы<!--</s>-->: <span class="pagesBlockuz1"><b class="swchItemA"><span>1</span></b> <a class="swchItem" href="javascript://" rel="nofollow" onclick="spages('2');return false;"><span>2</span></a> <a class="swchItem" href="javascript://" rel="nofollow" onclick="spages('3');return false;"><span>3</span></a> <span class="swchItemDots"><span>...</span></span> <a class="swchItem" href="javascript://" rel="nofollow" onclick="spages('1751');return false;"><span>1751</span></a> <a class="swchItem" href="javascript://" rel="nofollow" onclick="spages('1752');return false;"><span>1752</span></a> <a class="swchItem" href="javascript://" rel="nofollow" onclick="spages('2');return false;"><span>»</span></a></span></td>  
</tr>


Этот стиль ставим в CSS

Code
b.swchItemA, b.swchItemA1 {border:1px solid #7c7c7c; background:#fff; color:#7c7c7c; margin:3px 0px; padding:1px 11px; text-decoration:none !important; -webkit-border-radius: 11px;-moz-border-radius: 11px;border-radius: 11px;}  
a.swchItem, a.swchItem1 {border:1px solid #7c7c7c; background:#fff; color:#1e8922; margin:3px 0px; padding:1px 11px; text-decoration:none !important; -webkit-border-radius: 11px;-moz-border-radius: 11px;border-radius: 11px;}  
a.swchItem:hover, a.swchItem1:hover {border-color:#1e8922; color:#7c7c7c !important; text-decoration:none !important;}
17.05.2012 Просмотров: 993 Комментарий: (11)

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

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

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