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

Страница 1 из 11
Архив - только для чтения
Форум Города Дружба » Архив » Архив Сообщений » Плавный scroll для сайта ucoz разного цвета на выбор 6 цвето
Плавный scroll для сайта ucoz разного цвета на выбор 6 цвето
-=ШуРиК=-Дата: Среда, 19.01.2011, 16:02:33 | Сообщение # 1
Группа: Гл. Модератор
Сообщений: 342
Награды: 1
Репутация: 0

Плавный scroll для сайта ucoz разного цвета на выбор 7 цветов

Выбираем себе кнопку "вверх" какого цвета вам нужно, и копируем ссылку на нее






далее вставляем ссылку на картинку в скрипт в первой строчке вот таким образом

Code

<a href="#" id="toTop"><img src="Выбранная картинка" border="0" align="absmiddle" /></a>
<script src="http://gorod-druzhba.ucoz.ua/js/jquery.scroll.pack.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$("#toTop").scrollToTop();
});
</script>

сам скрипт вставляем в контейнер нижняя часть сайта в самый низ.

Далее копируем код стиля для кнопки , без него кнопка не будет исчезать и плавать и вставляем в таблицу стилей css в самый низ

Code

/* TOP кнопка ucozon.ru */
#toTop {
    width: 30px;
    background: url();
    border: 0px solid #1e90fe;
    text-align: center;
    padding: 2px;
    position: fixed;
    bottom: 27px;
    right: 1px;
    cursor: pointer;
    color: #1e90fe;
    text-decoration: none;
}
/* --------- */



Форум Города Дружба » Архив » Архив Сообщений » Плавный scroll для сайта ucoz разного цвета на выбор 6 цвето
Страница 1 из 11
Поиск: