Меню сайта

Ваш профиль
Пятница
22.09.2017
18:17


Результаты антивирусного сканирования

Вы используете браузер

Добавить URL!
[ Управление профилем ]

Информеры
Новости
Комментарии
Последнее добавленное

Форма входа

Форум

Главная » 2011 » Февраль » 17 » Плавный scroll для сайта ucoz разного цвета на выбор 6 цветов
13:35
Плавный scroll для сайта ucoz разного цвета на выбор 6 цветов
Доступно только для пользователей
Плавный scroll для сайта ucoz разного цвета на выбор 6 цветов
Если вы заметили плавный скроллинг в углу нашего сайта http://filtr.at.ua
, то вы можете такой же установить к себе на сайт.Я вам приготовил 6
кнопок разного цвета так как не ко всем дизайном подходит цвет, так что
вставляем и пробуем разный цвет.
Так же вы можете настроить место всплывания вашей кнопки, и так же можно изменить угол , при желаний можно вставить и текст.
Ну теперь приступим к установке
Выбираем себе кнопку "вверх" какого цвета вам нужно, и копируем ссылку на нее



                                                         

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

Code
<a href="#" id="toTop"><img src="Сюда ссылка на стрелку" align="absmiddle" border="0"></a>
<script src="http://filtr.at.ua/script/Scroll.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$("#toTop").scrollToTop();
});
</script>


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


Это в CSS

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

Скрипт взят с filtr.at.ua




если хотите то filtr.at.ua можно стереть

далее если хотим настроить расположение курсора то

bottom: 27px; это 27 Px от низа окна сайта

padding: 2px; это отступ от края окна

right: 1px; можно заменить на левый

Скрипт не принадлежит нашему сайту, только графика .все спасибо jquery.com сайту

Новость приготовлена сайтом ucozon.ru

графические кнопки 6 цветов принадлежать нашему сайту

Внимание при копирование указывать сайт filtr.at.ua

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.
Категория: Скрипты для UCOZ | Просмотров: 1077 | Добавил: Kerovan | Рейтинг: 5.0/10
Всего комментариев: 3
3  
Качать не надо просто сделай так как здесь написано

2  
Здесь же все подробно написано
просто скопировать и вставить себе

1  
Я воопще не поняла как его ставить . боюсь рисковать у меня с этими кнопками полная проблема никогда не получаются.

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Статистика

Онлайн всего: 1
Залетных: 1
Местных: 0

Сегодня

Статистика пользователей

Актив юзеров
Kerovan
Добавил файлов: 97
Количество постов: 32

Аватар не выбран Aninew
Добавил файлов: 0
Количество постов: 0

startsmart
Добавил файлов: 0
Количество постов: 0

LENA
Добавил файлов: 0
Количество постов: 11

vitto
Добавил файлов: 0
Количество постов: 20


Skype
Skype Me™!

Кнопки
Видео уроки для uCoz скрипты шаблоны софт графика для Ucoz -DLE! База Эффекта Graffiti Decorations(R) Studio (TM) Site Promoter

Календарь
Праздники сегодня

Счетчики
Besucherzahler russian girls
счетчик посещений
free counters

Отправить смс

1