Кнопка Вверх-Вниз

16 июл 2012, 16:02

Лично мне лень накручивать вечно роликом и у себя на сайте запилил вверху с правой стороны эти кнопки )

Инфа по установке:

В overal_header пропишем

Код: Выделить всё

<script type="text/javascript" src="Ваш_путь/scroll-buttons.js"></script>

В overal_footer вставляем

Код: Выделить всё

<div id="scroll-buttons"><a id="scroll-top" title="Прокрутить страницу вверх"></a><a id="scroll-bottom" title="Прокрутить страницу вниз"></a></div>

В css вашей темы вставляем код

Код: Выделить всё

/*----------------------------*/
#scroll-top {
    background: url("/images/scroll-arrows-blue.png") no-repeat scroll 1px 0px transparent;
    margin-bottom: 10px;
}
#scroll-bottom {
    background: url("/images/scroll-arrows-blue.png") no-repeat scroll 1px -26px transparent;
}
#scroll-top:hover,
#scroll-bottom:hover {
opacity: 1;
}
#scroll-top, #scroll-bottom {
    cursor: pointer;
    display: block;
    height: 22px;
    opacity: 0.5;
    width: 96px;
}
#scroll-buttons {
    display: none;
    margin-top: -20px;
    position: fixed;
    right: 10px;
    top: 10%;
    z-index: 1000;
}
/*----------------------------*/

Тут архив в нем: Скрипт, readmi и кнопки: http://yadisk.cc/d/A6QoQJ3svED

Тут пример его работы у меня на сайте: http://fanmuz.com

Кнопки можете свои сделать, только CSS под них уже сами правьте )

16 июл 2012, 17:16

Ни че так кнопка