Страницу на верх / Плагины и модификации / SX CMS / Форум / SX CMS

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

Форум

Пользователи

Календарь

Помощь

Поиск

Новые сообщения

Новые темы

Темы без ответов

Форум

SX CMS / Плагины и модификации

Страницу на верх

Похожие темы

Страницу на верх

Ссылка на сообщение в теме Ссылка на страницу сообщения

Четверг, 08.11.2012, 00:37

zaremastr Посмотреть профиль пользователя Показать все сообщения Группа: Пользователь Ранг: Новичок Cообщений: 16 Регистрация: 24.06.2010 Город: zarema	Страницу на верх Скажите пожалуйста, а как можно сделать плагин, такой как здесь? http://www.dream4.de/koobi7demo/shop/produkt/6/3/komplett-pc-gamer/ Чтобы страницу на верх поднимать, кода до конца доходишь. Спасибо!

Ссылка на сообщение в теме Ссылка на страницу сообщения

Пятница, 09.11.2012, 17:09

HopE

Группа: Пользователь

Ранг: Продвинутый

Cообщений: 274

Регистрация: 18.02.2010

Город: ua

в файл ява скрипта добавляем functions.js

PHP-код

  
jQuery(function()  
{ 
    $("a.poppy").fancybox({ 
        'zoomSpeedIn':    0,  
        'zoomSpeedOut':    0,  
        'overlayShow':    true, 
        'frameWidth': 850, 
        'frameHeight':550 
    });  
}); 
 
$(document).ready(function(){ 
 
 
    // hide #back-top first 
    $("#back-top").hide(); 
     
    // fade in #back-top 
    $(function () { 
        $(window).scroll(function () { 
            if ($(this).scrollTop() > 100) { 
                $('#back-top').fadeIn(); 
            } else { 
                $('#back-top').fadeOut(); 
            } 
        }); 
 
        // scroll body to 0px on click 
        $('#back-top a').click(function () { 
            $('body,html').animate({ 
                scrollTop: 0 
            }, 800); 
            return false; 
        }); 
    }); 
 
});

или сам файл в аттаче для последней сборки заменить просто

далее в папку ВАШШАБЛОН/images/page/ кидаете пнг картинку в аттаче ,можете ее перерисовать как хотите для себя.

далее правим файл стилей style.main.css в конец добавляем и правим свои цвета.

PHP-код

  
#back-top {position: fixed;bottom: 1px;margin-left: -100px;} 
#back-top a {width: 70px;display: block;text-align: center;font: 11px/100% Arial, Helvetica, sans-serif;text-transform: uppercase;text-decoration: none;color: #333;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;} 
#back-top a:hover {color: #bbb;} 
#back-top span {width: 70px;height: 70px;display: block;margin-bottom: 7px;background: #515151 url(../../images/page/scroll-nach-oben.png) no-repeat center center;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius:5px;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;} 
#back-top a:hover span {background-color: #777;}

и в основных шаблонах main.tpl, shop.tpl, и forums.tpl если необходимо то правите
посте тега <div id="body">

PHP-код

  
<!-- SCROLL-ICON --> 
<p id="back-top"> 
<a href="#top"><span></span>{#Faq_JumpTop#}</a> 
</p>

Добавлено hope: 09.11.2012, 17:02:07
http://eleon.org.ua/ вот тут уже работает на статусе проверенно.

Добавлено hope: 09.11.2012, 17:09:16
если хотите еще и надпись то в ленгах добавте

PHP-код

  
Faq_JumpTop = "наверх"

Вложения


functions.rar	(2 x загружено \| 1,2 Кб)

Всегда так не будет, все меняется...
ЕЛЕОН Все о вышивке и одежде.
Ризница магазин церковного шитья.

Благодарности lugobor

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

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

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

Поисковые боты: 226
Bot(215), oBot(6), BingBot(5)

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

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

Дни рождения

Sergej (36)

Страницу на верх

zaremastr

HopE