Проблема с кнопкой Наверх на внутренних страницах блога

#1 12 марта 2013 в 23:57

Вставила скрипт кнопки Наверх в файл тимплейт.пхп
В общем-то если делу поможет, или просто кому то понадобится, то вы можете видеть код кнопки ниже. Так вот, почему то эта кнопка отображается на всех страницах кроме внутренних страниц блога и личной переписки.
Подскажите пожалуйста в чем тут фокус.

 <style type="text/css">
    .scroll-to-top-button{
    background: url(../images/top.png) center center no-repeat;
    width: 87px;
    height: 87px;
    cursor: pointer;
    padding: 15px;
    margin: 5px;
    }
    </style>
    <script type="text/javascript">
    (function(jq) {
    jq.autoScroll = function(ops) {
    ops = ops || {};
    ops.styleClass = ops.styleClass || 'scroll-to-top-button';
    var t = jq('<div class="'+ops.styleClass+'"></div>'),
    d = jq(ops.target || document);
    jq(ops.container || 'body').append(t);
 
    t.css({
    opacity: 0,
    position: 'absolute',
    top: 0,
    right: 0
    }).click(function() {
    jq('html,body').animate({
    scrollTop: 0
    }, ops.scrollDuration || 1000);
    });
 
    d.scroll(function() {
    var sv = d.scrollTop();
    if (sv < 10) {
    t.clearQueue().fadeOut(ops.hideDuration || 500);
    return;
    }
 
    t.css('display', '').clearQueue().animate({
    top: sv,
    opacity: 0.8
    }, ops.showDuration || 500);
    });
    };
    })(jQuery);
    </script>
    <div style="opacity: 0.8; position: absolute; top: 456px; right: 0px; display: none" class="scroll-to-top-button"></div>
    <script type="text/javascript">
    $(document).ready(function() {
    $.autoScroll({
    scrollDuration: 2000,
    showDuration: 600,
    hideDuration: 300
    });
    });
    </script>

#2 13 марта 2013 в 09:33

Ребят, ну выручайте, плиз! Где еще прописать этот код, чтоб на всех страницах была кнопка наверх?

#3 13 марта 2013 в 09:46

попробуйте вставить код вниз страницы перед закрывающим тегом </body>.
А вообще какой-то большой код для одной кнопки, есть гораздо компактнее + стили я бы прописал в файле style.css

Сегодня в 07:41

#4 13 марта 2013 в 10:28

PrazdNik, Спасибо, но код перед закрывающим тегом </body> ведет себя точно так же, нет его на внутренних страницах блога и на странице переписки.

А вообще какой-то большой код для одной кнопки, есть гораздо компактнее + стили я бы прописал в файле style.css

из тех вариантов что я видела для instantcms, этот мне понравился больше, чисто визуально. Думаю что в данном случае проблема не в самом коде, не в его размере и не в том что css не вынесен отдельно. хотя я могу ошибаться конечно.

#5 13 марта 2013 в 10:41

Вставив Ваш код на свой тестовый сайт кнопка вообще не отображается, даже с моей картинкой кнопки, но при этом она работает.
Боюсь предположить, но возможно у Вас стили не подгружаются. На внтуренних страницах сайта попробуйте нажать мышкой в ту область, где должна быть стрелка "вверх". Если подъем сработает, значит проблема в стилях, значит можно код стилей перенести в style.css. По крайней мере я так сделал

#6 13 марта 2013 в 12:26

PrazdNik, Вы правы, стили не подгружаются, а сама "невидимая" кнопка работает. Но если я выношу стили в файл цсс, то вообще она перестает отображаться на всех страницах.
А у вас она появилась когда вы вынесли стили в style.css?

#7 13 марта 2013 в 12:55

да, она появилась когда в style.css вынес код

.scroll-to-top-button{
 
    background: url(../images/top.png) center center no-repeat;
 
    width: 87px;
 
    height: 87px;
 
    cursor: pointer;
 
    padding: 15px;
 
    margin: 5px;
 
    }

соответственно убираете из тимплейт.пхп оставшиеся теги

<style type="text/css">
</style>

Еще код убрал вниз страницы перед закрывающим тегом </body>

И проследите, чтобы путь до top.png был правильным

#8 13 марта 2013 в 15:31

Закинте в корень сайта файл из архива instantcms.ru/users/files/download3220.html
в файле template.php подключите его в head

<script type="text/javascript" src="/up.js"></script>

Все есть кнопка вверх.Стиль кнопки в файле up.js строка 6

Я меняю валюту на сайте obmenka. Рекомендую! Возможен вывод в наличные деньги.

#9 13 марта 2013 в 21:37

PrazdNik,
Странно, но у меня так и не получилось, сделала все как вы писали. Но, я воспользовалась другим вариантом, предложенным st.Puh.

Вам огромное спасибо за помощь!

#10 13 марта 2013 в 21:40

st.Puh, Огромное спасибо!!! Понравился ваш вариант, только css с чем то пересекается. Надпись Наверх должна быть по моей задумке белой, а она получается #cecece, хотя этот цвет в up.js не прописан.

#11 14 марта 2013 в 09:34

Надпись Наверх должна быть по моей задумке белой, а она получается #cecece, хотя этот цвет в up.js не прописан.
Таня

Редактируйте строку 26 }).css({'background-color':'#DFDFDF','color':'#6a86a4'}); замените в ней #6a86a4 на #ffffff

Я меняю валюту на сайте obmenka. Рекомендую! Возможен вывод в наличные деньги.

#12 14 марта 2013 в 10:42

st.Puh, я сразу все отредактировала как только закинула код на сайт, вот что у меня в строке 26 }).css({'background-color':'#832815','color':'#ffffff'}); но на сайте надпись серая, только когда наводишь на нее становится белой, в строке 6 — color: #ffffff;

Ulogin для InstantCMS 1.

Не могу добавить видео с rutub

Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.

Проблема с кнопкой Наверх на внутренних страницах блога

Похожие темы

Как сделать аналог меню действий только с кнопкой "Добавить"?

Помогите разобраться с настройками отступов, между виджетами

Ошибка Data too long вместо обрезки заголовка

Сегодня зашел в кабинет.. упс:-)))

Как заменить все внутренние ссылки с http на https?

Редирект с главной страницы на внутреннюю

InstantCMS Team

О проекте

Поддержка

Дополнения