Воскресенье, 24.09.2017, 04:21


Вниз Главная Регистрация RSS
Приветствую Вас, Гость


Радио ТРАНС
Игротека
Наш опрос
Оцените мой сайт
Всего ответов: 88
Статистика
Яндекс.Метрика Яндекс.Метрика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Друзья сайта
Главная » 2013 » Май » 3 » Уникальная кнопка Scroll To Top (наверх) для сайта
21:30
Уникальная кнопка Scroll To Top (наверх) для сайта
Интернет Технологии [2]Телефоны [0]uCoz CSS КодыСкрипты [94]



О том, как установить так называемую кнопку "наверх" на 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>


Категория: uCoz CSS КодыСкрипты | Просмотров: 370 | Добавил: DoG | Рейтинг: 0.0/ 0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

 

Новое на сайте

 

Самое популярное

 

 Коды скрипты

Случайная статья

  • Cities XL Platinum 2013 71
  • Чудо ферма \ Virtual farm 86
  • Именем короля 3. Коллекционное издание 87
  • Браузер Maxthon 188
  • Download Master 5.12.1.1283 177
  • Articles – лучшая Wikipedia в кармане 172
  • Улесье. Коллекционное издание 146
  • RIFT – многопользовательская онлайн игра 202
  • Будущее настоящего прошлого_скачать 334
  • Darck Orbit – браузерная игра 193
  • iSendSMS - для отправки SMS и MMS 227
  • Lunascape 6.2 Универсальный браузер 181
  • Редактор Inedita 170
  • Бизнес Пак - бесплатно 270
  • Графический редактор PhotoFiltre 219

  • Govorilka 3.1 Rus Говорун_Скачать бесплатно 29787
  • FrontPage 2003 Русская версия 11604
  • Игра "Фараон и Клеопатра" скачать бесплатно 6854
  • Mozilla Firefox 8.0.1 - русская версия скачать 4210
  • Новый Супер Марио 4127
  • Игра в Длинные нарды 4050
  • Медитация для привлечения Любви 3755
  • Сборник_Программа настроев Г.Н.Сытина скачать 2895
  • FFrontPage 2007 Русская версия 2816
  • Авто выключение компьютера_WinMend Auto Shutdown 2659
  • Астрон Дизайн - 3D моделирование Вашего дома 2112
  • Спец эффекты с ВебКамерой 2093
  • Штука - игра в карты 1757
  • Программа для быстрого создания Flash-анимации 1519
  • Если хочешь быть счастливым - Литвак Михаил 1498

  • Флеш игра Крабы и волейбол 360
  • Cкрипт подробной статистики сайта 368
  • Переводчик для сайта (PROMT) 291
  • Пожертвование на развитие сайта. 256
  • Flash радио для сайта 273
  • Кнопка "Вверх" для сайта, блога или форума 256
  • Красивый блок друзей сайта 335
  • Блок - место свободно 381
  • Необычный вид комментариев 273
  • Уведомление о регистрации и авторизации 285
  • Простое раздвижное меню для uCoz 346
  • Поиск по новостям для uCoz 359
  • Темный мини профиль для Ucoz 583
  • Вид материалов для каталога статей от сайта megafact 298
  • Радио в стиме mp3 плеера 273

  • Мини профиль с временем суток и функциональным меню 256
  • Коте для вашего сайта 256
  • FM радио - отличная музыка в хорошем качестве 256
  • Пожертвование на развитие сайта. 256
  • Кнопка "Вверх" для сайта, блога или форума 256
  • Флэш проигрыватель с большим количеством радиостанций.. 256
  • Последние комментарии ucoz 257
  • Вид комментариев для uCoz v.5 257

  • TextKit Массовый импорт файлов 331
  • Бизнес Пак - бесплатно 270
  • Браузерная онлайн игра MyLands 180
  • Медитация для привлечения Любви 3755
  • Zombies, Run! — бегом от зомби в реале! 284
  • Шаблон для Укоз CSS #807 355
  • Firefox 21.0 НЕ глючная версия 190


  • Внимание!

    ВСЕ скачанные файлы с интернета, (и с нашего сайта, так же) перед запуском на своем компьютере рекомендуется ОБЯЗАТЕЛЬНО проверить Вашей антивирусной программой!
    Все файлы и программы взяты с интернет пространства.
    Администрация сайта не несет никакой ответственности за использование и последствия данных программ и файлов

    Вверх Главная Регистрация RSS
    Приветствую Вас, Гость