Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Как убрать подпись о редактировании записиавтор Фея Май 9th 2024, 21:11
» Пакеты Forum 2x2
автор Dana Domirani Май 6th 2024, 14:11
» Как поменять вид нумерации страниц тем?
автор Goodmonday Апрель 18th 2024, 21:04
» Форум не корректно загружается.
автор anna4842 Апрель 12th 2024, 23:48
» Не корректное отображение картинок
автор Красноперова О.А. Апрель 12th 2024, 15:49
» Ошибка на форуме: Could not obtain topic posts informations
автор fatalone Апрель 9th 2024, 13:43
» Переход с 2x2forum.ru на 2x2forum.com
автор Luz Март 28th 2024, 12:13
» Проблема с метатегом Description
автор VeraLV Март 18th 2024, 15:31
» 1 марта будет запрет на ВПН, это отразится на работе платформы?
автор Svet007 Март 14th 2024, 11:43
» нужен скрипт сумма просмотров тем в разделе
автор лексей2222 Март 5th 2024, 07:37
В какой шаблон поместить виджет "Вверх" ?
Участников: 3
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
В какой шаблон поместить виджет "Вверх" ?
Здравствуйте
Хотелось бы кое что узнать
В какой шаблон нужно поставить вот этот код,если я не пользуюсь виджетами ?
Код из этой темы : https://help.forum2x2.ru/t29690-topic
Заранее спасибо
Хотелось бы кое что узнать
В какой шаблон нужно поставить вот этот код,если я не пользуюсь виджетами ?
- Код:
<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;left: 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>
Код из этой темы : https://help.forum2x2.ru/t29690-topic
Заранее спасибо
Последний раз редактировалось: Кардинал Мишель Картер (Декабрь 28th 2012, 06:09), всего редактировалось 1 раз(а)
Сказочник Зазеркалья-
-
Сообщения : 3710
Возраст : 32
Регистрация : 2012-11-16
Благодарности : 733
Re: В какой шаблон поместить виджет "Вверх" ?
В виджет на главной , а потом замаскировать его . И на сколько я видел , эта кнопка уже стоит у тебч . Только она толком не работает . А при прокручивании в низ закрывает весь правый угол с верху до низу
Re: В какой шаблон поместить виджет "Вверх" ?
Доброе утро ЛешийЛеший пишет:В виджет на главной , а потом замаскировать его . И на сколько я видел , эта кнопка уже стоит у тебч . Только она толком не работает . А при прокручивании в низ закрывает весь правый угол с верху до низу
Да такой вариант был,но у меня почему то порой тупят виджеты и не скрываются
Учитывая что я чищу Кеш и Куки
Сейчас попробовала ещё раз,вроде получилось и надеюсь что продержится долго
Темку можно закрывать,так как вопрос решён
Сказочник Зазеркалья-
-
Сообщения : 3710
Возраст : 32
Регистрация : 2012-11-16
Благодарности : 733
Re: В какой шаблон поместить виджет "Вверх" ?
А ты не пробовала скриптов поменьше , у тебя форум , сайт нашпиговон так , что скоро лопнет
Re: В какой шаблон поместить виджет "Вверх" ?
Ну стремлюсь сделать сайт идеальнымЛеший пишет:А ты не пробовала скриптов поменьше , у тебя форум , сайт нашпиговон так , что скоро лопнет
Всегда хотела сделать классный сайтик
Сказочник Зазеркалья-
-
Сообщения : 3710
Возраст : 32
Регистрация : 2012-11-16
Благодарности : 733
Re: В какой шаблон поместить виджет "Вверх" ?
Кардинал Мишель Картер, в шаблонах почему то скрипт не работает.
Но можно сделать по другому.
В модуле Javascript создайте новый Javascript, назовите на своё усмотрение
Отбражение на всех страницах, туда вставьте вот так этот скрипт
Не забудьте активировать управление кодами Javascript если не активировано.
Но можно сделать по другому.
В модуле Javascript создайте новый 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;left: 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'});;
});
});
Не забудьте активировать управление кодами Javascript если не активировано.
- Код:
Копируйте полученную ссылку и вставьте в этот код
<script type="text/javascript" src="http://ссылка"></script>
Домовой-
-
Сообщения : 6801
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243
Re: В какой шаблон поместить виджет "Вверх" ?
Домовой пишет:Кардинал Мишель Картер, в шаблонах почему то скрипт не работает.
Но можно сделать по другому.
В модуле Javascript создайте новый 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;left: 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'});;
});
});
Не забудьте активировать управление кодами Javascript если не активировано.Этот код вставьте в шаблон overall_footer_end вниз перед </body>
- Код:
Копируйте полученную ссылку и вставьте в этот код
<script type="text/javascript" src="http://ссылка"></script>
Домовой спасибо огромное
Вы просто супер
Проблема полностью решена
Сказочник Зазеркалья-
-
Сообщения : 3710
Возраст : 32
Регистрация : 2012-11-16
Благодарности : 733
Похожие темы
» Какой шаблон отвечает за редактирование профиля?
» Кнопка "Убрать cookie" поместить в виджет
» Скажите пожалуйста, какой код нужен чтобы Меню переместить вверх форума? Серия форумов одна. Сама не могу найти его.
» Виджет уходит вверх когда открываются темы форума.
» как в центр поместить?
» Кнопка "Убрать cookie" поместить в виджет
» Скажите пожалуйста, какой код нужен чтобы Меню переместить вверх форума? Серия форумов одна. Сама не могу найти его.
» Виджет уходит вверх когда открываются темы форума.
» как в центр поместить?
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения