Наша Реклама
  • Страница 1 из 1
  • 1
Переключатели страниц как В Контакте для uCoz
Сообщение добавлено: 04.08.2011 в 16:05 | Пост № 1
offline
V.I.P
Слава полный уебан)))))
Сообщений: 12
Награды: 38
» 78 «
[Table][/Table]
[Table]Установив скрипт и стиль на свой сайт, у Вас будут переключатели страниц как В Контакте. В примере используется вариант для uCoz, но и для других систем этот скрипт подойдет, достаточно немножко подкорректировать код. Прозрачная округлая панель со списком страниц будет появляться только тогда, когда Вы оказываетесь в конце страницы. Кстати, можно внедрить в переключатели страниц кнопку для скроллинга вверх. Для округления блока не использовалось CSS, да и для прозрачности CSS тоже не использовалось.
Есть проблема? Нужен план эвакуации. Скрипт хорошо работает в браузере Google Chrome, нормально в Internet Explorer 8+, но в Opera основная проблема заметна больше всего. Этой проблемой является фиксированное положение на экране: я не стал заморачиваться на счет этого, и сделал так, чтобы при прокрутке отступ равнялся скроллингу. Думаю надо было сделать фиксированную позицию через CSS, а для IE использовать существующий в скрипте метод.[/Table]
[Table]Вставить вместо $PAGE_SELECTOR$ этот код:[/Table]
Code
<div style="display:none;position:absolute;top:0;margin-top:30px" id="pageselector">   
<table cellspacing="0" cellpadding="0">   
<tr>   
   <td width="1"><div class="pages_1"> </div></td>   
   <td class="pages_2">   
   $PAGE_SELECTOR$   
   </td>   
   <td width="1"><div class="pages_1"> </div></td>   
   </tr>   
   </table>   
   </div>   
   <script type="text/javascript">   
   $(window).scroll(function () {   
   st = $(window).scrollTop();   
   var scrollBottom = $(document).height() - $(window).height() - $(window).scrollTop();   
   if(scrollBottom < 500) {$("#pageselector").fadeIn(500)} else {$("#pageselector").fadeOut(100)}   
   $('#pageselector').css('top', st+'px')   
   $('#pageselector').css('opacity', '0.8')   
   });   
</script>   
<style type="text/css">   
.pages_1 {width:1px;height:48px;overflow:hidden;background:black}   
.pages_2 {background:black;height:50px}   
.pagesBlockuz1 {margin-left:10px;margin-right:10px;}   
.swchItemA {color:white;font-seight:bold;text-desotation:none;border-bottom:3px solid #ffffff;padding:3px;background:none;margin:5px;}   
.swchItem {color:white;text-desotation:none;padding:0;background:none;margin:5px;}   
.swchItem:hover {color:white;text-desotation:none;padding:0;background:none;margin:5px;}   
.swchItemDots {color:white;text-desotation:none;padding:0;background:none;margin:5px;}   
</style>


Сообщение добавлено: 11.09.2011 в 20:45 | Пост № 2
offline
Пользователь
Сообщений: 45
Награды: 0
» 0 «
Круто!)
Сообщение добавлено: 15.10.2011 в 19:13 | Пост № 3
offline
Пользователь
Сообщений: 21
Награды: 0
» 0 «
Как то не очень крсиво смотрится
Сообщение добавлено: 02.01.2012 в 00:40 | Пост № 4
offline
Пользователь
Сообщений: 22
Награды: 0
» 0 «
Спасибо поставил себе на чорный диз
  • Страница 1 из 1
  • 1
Поиск: