Добрый день, Гость! Представляем Вам наши форумы. Вы можете зарегистрироваться чтобы писать на форумах или зайдите под своим именем, если Вы уже регистрировались.
   
   


Форум
 CMS Status-X | Плагины и модификации
         Кнопка НАВЕРХ, вариант 2

Похожие темы  |  Печать страницы

Кнопка НАВЕРХ, вариант 2


События Суббота, 10.11.2012, 00:16

lugobor

Группа: Пользователь
Ранг: Новичок
Cообщений: 28
Регистрация: 26.05.2012
Город: Харьков
Скачать архив

файл up.js положить в ваш_сайт/javascripts

Картинку стрелки arrows2.png положить в ваш_сайт/t heme/ваша_тема/images/page



В ваш_сайт/theme/standard/other/header_scripts.tpl вниз дописать

<script language="JavaScript" src="{$jspath}/up.js" type="text/javascript"></script>



В ваш_сайт/theme/ваша_тема/css/standard/style.main.css добавить код

.scrollTop{
background:url(../../images/page/arrows2.png) 0 0 no-repeat;
display:block; width:50px; height:50px;
position:fixed; bottom:10px; left:47%;
z-index:2000;
}
.scrollTop:hover{ background-position:0 -58px; }


В ваш_сайт/theme/ваша_тема/page/ main.tpl shop.tpl forums.tpl вниз, перед </body> добавить код

<a id="gotop" class="scrollTop" href="#" onclick="top.goTop(); return false;"></a>



Пример http://gamestar.com.ua/

P.S. больше кнопок, хороших и разных Хе

Отредактировано lugobor: 10.11.2012, 00:46:56


Студия web дизайна http://lugobor.org.ua
Благодарности Kurman


Пользователь офлайн


Похожие темы  |  Печать страницы  |   Предыдущая тема  |   Следующая тема

Быстрый переход:  
 

 Сейчас на сайте


Пользователей: 0, Гостей: 1

Поисковые боты: 12
BingBot(4), Unknown Bot(2), Googlebot(4), Inktomi Slurp, Yandex

 Статистика форума


  Темы Сообщения Пользователи
За сутки:
За неделю:
За месяц:
Всего:
Мы приветствуем нового участника: Lesya

 Дни рождения


TEPMIT (34), system (22)
Печать | Copyright © 2009 - 2016 Status-X All rights reserved | Powered by CMS Status-X 1.05 | Контакты