• Страница 1 из 1
  • 1
Переключатель страниц от vk
GraF Дата: Понедельник, 12.08.2013, 13:22 | Сообщение # 1 | Сообщить о нерабочей теме


Аватар для GraF

[spoiler="Скрин"][/spoiler]

Красивый вид переключателя страниц, на этот раз использованы стили от сайта vk com, сейчас они конечно-же там не используются, так как их полностью заменили на элементарную подгруздку страницы при перемотке.
Красивый переключатель страниц для ucoz и сделан под эдакий web портал для web-мастеров:)

В верхнею часть сайта: / оно-же Шапка:

Код
<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>


Это CSS код, соответственно в CSS:

Код
.pages_1 {width:1px;height:100px;overflow:hidden;background:#2b587a color: #2b587a;    
    background: #597da3;    
    border : 1px solid #2b587a; }    
    .pages_2 {background:#F0F0F0;height:50px;border : 1px solid #999999; }    
    .pagesBlockuz1 {margin-left:10px;margin-right:10px;}    
    .swchItemA {color:#2b587a;font-seight:bold;text-desotation:none;border-bottom:3px solid #2b587a;padding:3px;background:none;margin:5px;}    
    .swchItem {color:#2b587a;text-desotation:none;padding:0;background:none;margin:5px;}    
    .swchItem:hover {color:#999999;text-desotation:none;padding:0;background:none;margin:5px;}    
    .swchItemDots {color:#2b587a;text-desotation:none;padding:0;background:none;margin:5px;}
Прикрепления: 8894001.png (0.8 Kb)




Сообщение отредактировал GraF - Понедельник, 12.08.2013, 13:23
  • Страница 1 из 1
  • 1
Поиск: