Кнопка вверх (Scroll button) - PHP-Fusion SF Russian Support Site

Регистрация

Забыли пароль?

Правила форума

FAQ (читать перед созданием новой темы)

Просмотр темы

Вернуться на сайт: PHP-Fusion SF Russian Support Site

Форум поддержки PHP-Fusion SF | PHP-Fusion SF - Моды/Плагины | Моды/Mods

# 1

Тема: Кнопка вверх (Scroll button)

pozitiv
SF Team

Avatar пользователя

паZитифф

SF Support Team

Почетный SF

Сообщений: 1676
Откуда: Киев
Зарегистрирован: 18 Ноября 2007, 18:49:13
Сказали спасибо 148 раз
Статус: offline
ICQ статус

Опубликовано 27 Августа 2009, 17:12:33

Очередная мелочь для сайта... Скрипт добавляет на весь сайт кнопку при нажатии на которую сайт поднимается в самый вверх... Изначально кнопка невидна и появляется после того как сайт немного проскролить вниз...
Используется jquery

Установка:
1. Залить все из архива в корень сайта
2. В subheader.php добавить
<script type='text/javascript' src='".INCLUDES."jQuery.js'></script>
<script type='text/javascript' src='".INCLUDES."ScrollPlugin.js'></script>

3. В footer.php строку

echo "</body>\n</html>\n";

заменить на echo "<a class='scroll_button' id=\"toTop\" href=''>
<img src='".INCLUDES."to_top.png' alt='' />^ [ TOP ]</a>
</a></body>\n</html>\n";

4. В style.css вашей темы добавить

/*-- To Top Button --*/
#toTop {
background:#F1F1F1 none repeat scroll 0 0;
border:1px solid #000000;
bottom:10px;
color:#FF0000;
cursor:pointer;
padding:5px;
position:fixed;
right:10px;
text-align:center;
text-decoration:none;
width:100px;
z-index:99999;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); /* IE 5.5+*/
-moz-opacity: 0.70; /* Mozilla 1.6 */
-khtml-opacity: 0.70; /* Konqueror 3.1, Safari 1.1 */
opacity: 0.70; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
}

.button_top {
padding: 4px 10px 3px 25px;
position: relative;
cursor: pointer;
display: inline-block;
font-size: 11px;
height: 16px;
text-decoration: none;
color: #40740D;
}

.button_top img {
position: absolute;
top: -4px;
left: -12px;
border: none;
}

.button_top:hover {
color: #8AB134;
}

Прикрепленные файлы

Для просмотра вложения зарегистрируйтесь

[Изменил(а) pozitiv, 27 Августа 2009, 17:12:54]

--------------------
wmz - Z226856101527
wmr - R513979829437

Все вопросы задавать на форуме. На вопросы заданные в приват или асю неотвечаю!

^ наверх ^

2 пользователей сказали спасибо Вам: Buki, boltafon

Перейти на форум:

105,443,797 уникальных посетителей
сейчас: 22 Ноября 2024, 00:25:55
Генерация страницы: 0.05 сек.

Original size:14 кб.
GZipped size: 5 кб.
Compression:61%