Форумы-->Идеи и предложения-->
| Автор | кнопка вверх |
|---|
при просмотре таких страниц как рынок, магазин, справка об игре так не хватает всеми любимой кнопки вверх, предлагаю ее установить, дабы это не сложно.
Шаг 1. Добавляем JavaScript в шаблон сайта, перед закрывающим тегом </head>
<script type="text/javascript">$(document).ready(function(){
$(window).scroll(function () {if ($(this).scrollTop() > 0) {$('#scroller').fadeIn();} else {$('#scroller').fadeOut();}});
$('#scroller').click(function () {$('body,html').animate({scrollTop: 0}, 400); return false;});
});</script>
Шаг 2. Добавляем html-код в шаблон сайта перед закрывающим тегом </body>
<div id="scroller" class="b-top" style="display: none;"><span class="b-top-but">наверх</span></div>
Шаг 3. Добавляем CSS-стили блока и кнопки вверх в файл style.css (название файла style.css у вас может быть и другим, но это не важно, добавьте код в любой файл стилей, который подключается к сайту).
.b-top {z-index:2600;position:fixed;left:0;bottom:90px;width:34%;margin-left:50%;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:32px 12px 4px;
color:white;background:#D8D5C2 url(http://alaev.info/wp-content/plugins/goupbutt/b-j-top.png) no-repeat 50% 11px;border-radius:7px;}
настройки кнопки:
bottom:90px; – смещение блока с кнопкой относительно низа страницы;
width:34%;margin-left:50%; — вот с этими параметрами вам придется поколдовать, т.к. доступа к сайту нет.
padding:32px 12px 4px; — с помощью этих значений вы можете регулировать размер блока с кнопкой, управляя отступами относительно надписи «вверх». 32px – отступ сверху, 12px – отступы слева и справа, 4px – отступ снизу;
color:white; — цвет надписи «вверх»;
border-radius:7px; — это css3 стиль, отвечающий за закругление краев блока. | | вот только ЗА | | я за. только напишите для Yakman, почему это нужно сделать) | для Vijana Simba:
это очень удобно.. думаю для большинства игроков даже необходимо) | | Эм... а чем кнопка "Home" не устраивает? Ну кроме гомосексуальных шуток о ней:) | Сори если не понял всю суть предложения.
А тыкнуть на саму вкладку(та что вверху монитора) уже никак? | для Inckvizitor1:
кто-то вроде даже не понял о какой кнопке на самом деле идёт речь и для чего она нужна...
идею поддерживаю | <div id="scroller" class="b-top" style="display: none;">
Вот кто его научил так делать?
кнопка вверх
А, вообще, да, не помешает) | | Для рынка еще и кнопка вниз нужна - ибо кто то придумал там разместить ссылку на новый лот и свои товары | ТС забыл о подключении библиотеки JQuery.
"-" , т.к. реализация возможна с помощью пользовательского скрипта. | | + надо |
К списку тем
|
