вРазные полезности

Переключатель страниц как на сайте 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;

источник: zornet.ru

Похожие посты