Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

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

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: Savepic Видео фоторедактор Транслит

Кнопка Вверх на каждой странице

Предыдущая тема Следующая тема Перейти вниз

Кнопка Вверх на каждой странице

Сообщение автор Митра в Сб 2 Ноя - 23:50

Есть код кнопки Вверх, как ВКонтакте:

Код:
<script type="text/javascript">
jQuery(document).ready(function() {

// Виджет кнопки вверх (Test-Templates)
// Версия 1.0

jQuery('body').append('<div class="button-up" style="display: none;opacity: 0.7;width: 80px;height:100%;position: fixed;right: 0px;top: 0px;cursor: pointer;text-align: center;line-height: 30px;color: #d3dbe4;font-weight: bold;">▲ Вверх</div>');

jQuery (window).scroll (function () {
if (jQuery (this).scrollTop () > 100) {
jQuery ('.button-up').fadeIn();
} else {
jQuery ('.button-up').fadeOut();
}
});

jQuery('.button-up').click(function(){
jQuery('body,html').animate({
scrollTop: 0
}, 800);
return false;
});

jQuery('.button-up').hover(function() {
jQuery(this).animate({
'opacity':'1',
}).css({'background-color':'#e7ebf0','color':'#6a86a4'});
}, function(){
jQuery(this).animate({
'opacity':'0.7'
}).css({'background':'none','color':'#d3dbe4'});;
});

});
</script>
Если я его ставлю в виджет, то кнопка активна только на главной странице форума.
Движок phpBB2, возможно ли сделать, что эта кнопка была на каждой странице, в каждой теме?

Митра
 

Сообщения : 52
Регистрация : 2013-07-06
Благодарности : 1

Без предупреждений

http://elizabeth.forum2x2.ru/

Вернуться к началу Перейти вниз

Re: Кнопка Вверх на каждой странице

Сообщение автор Домовой в Вс 3 Ноя - 0:50


Домовой
 

Мужчина

Сообщения : 6805
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3216

Без предупреждений

http://udomovogo.rusff.ru

Вернуться к началу Перейти вниз

Re: Кнопка Вверх на каждой странице

Сообщение автор Митра в Вс 3 Ноя - 2:18

Домовой, подскажите пожалуйста, правильно ли я разобралась:
вот этот код я ставлю в шаблон overall_footer_end вниз перед </body>
Код:
<script type="text/javascript" src="http://yourjavascript.com/4331281581/vk-up-back.js"></script>
но кнопка у меня с правой стороны, в скрипте на главной странице это прописано, а как тут исправить?
я открыла yourjavascript.com/4331281581/vk-up-back.js, скопировала код в блокнот и поменяла везде left на right,
но на сайт yourjavascript.com загрузить не могу, выдает ошибку.

Помогите пожалуйста или подскажите, что не так делаю!

Митра
 

Сообщения : 52
Регистрация : 2013-07-06
Благодарности : 1

Без предупреждений

http://elizabeth.forum2x2.ru/

Вернуться к началу Перейти вниз

Re: Кнопка Вверх на каждой странице

Сообщение автор Домовой в Вс 3 Ноя - 18:58

@Митра пишет:но кнопка у меня с правой стороны
Не с правой а с левой.
Поставил себе для проверки, кнопка слева.
@Митра пишет:поменяла везде left на right
Так вам надо что бы справа было?
Удалите всё.
В модуле javascript создайте новый скрипт, расположение на всех страницах.
В HTML вставьте это
Код:
jQuery(document).ready(function() {

// Виджет кнопки вверх (Test-Templates)
// Версия 1.0

jQuery('body').append('<div class="button-up" style="display: none;opacity: 0.7;width: 80px;height:100%;position: fixed;right: 0px;top: 0px;cursor: pointer;text-align: center;line-height: 30px;color: #d3dbe4;font-weight: bold;">▲ Вверх</div>');
jQuery (window).scroll (function () {
if (jQuery (this).scrollTop () > 100) {
jQuery ('.button-up').fadeIn();
} else {
jQuery ('.button-up').fadeOut();
}
});

jQuery('.button-up').click(function(){
jQuery('body,html').animate({
scrollTop: 0
}, 800);
return false;
});

jQuery('.button-up').hover(function() {
jQuery(this).animate({
'opacity':'1',
}).css({'background-color':'#e7ebf0','color':'#6a86a4'});
}, function(){
jQuery(this).animate({
'opacity':'0.7'
}).css({'background':'none','color':'#d3dbe4'});;
});

});
Пример
http://domovoy.forumy2x2.ru/

Домовой
 

Мужчина

Сообщения : 6805
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3216

Без предупреждений

http://udomovogo.rusff.ru

Вернуться к началу Перейти вниз

Re: Кнопка Вверх на каждой странице

Сообщение автор Митра в Вс 3 Ноя - 19:24

Домовой, огромная благодарность, все сделала!
Тему можно закрывать!

Митра
 

Сообщения : 52
Регистрация : 2013-07-06
Благодарности : 1

Без предупреждений

http://elizabeth.forum2x2.ru/

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения