Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Дублируется ссылка на форум в боковом менюавтор Чистый сталкер Октябрь 26th 2024, 21:13
» совет админам
автор лексей2222 Октябрь 23rd 2024, 05:45
» Проблема с гугл из-за Hitskin
автор Вултур Октябрь 21st 2024, 15:43
» [решено]Редактирвоание темы
автор AlexDarkTech Октябрь 13th 2024, 08:14
» Пропали иконки редактирования - HEEELP
автор Archaea Сентябрь 23rd 2024, 18:11
» Как загружать ролики и мультики по ссылкам напрямую
автор лексей2222 Сентябрь 14th 2024, 19:22
» Интернет адрес форума
автор Mierena Сентябрь 7th 2024, 15:24
» некоторые форумы долго загружаются
автор Raumt Сентябрь 6th 2024, 15:06
» На форуме Пропали кнопки модерации тем
автор лексей2222 Август 16th 2024, 22:36
» Проблема с метатегом Description
автор VeraLV Июнь 14th 2024, 17:06
В какой шаблон поместить виджет "Вверх" ?
Участников: 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
Возраст : 33
Регистрация : 2012-11-16
Благодарности : 733
Re: В какой шаблон поместить виджет "Вверх" ?
В виджет на главной , а потом замаскировать его . И на сколько я видел , эта кнопка уже стоит у тебч . Только она толком не работает . А при прокручивании в низ закрывает весь правый угол с верху до низу
Re: В какой шаблон поместить виджет "Вверх" ?
Доброе утро ЛешийЛеший пишет:В виджет на главной , а потом замаскировать его . И на сколько я видел , эта кнопка уже стоит у тебч . Только она толком не работает . А при прокручивании в низ закрывает весь правый угол с верху до низу
Да такой вариант был,но у меня почему то порой тупят виджеты и не скрываются
Учитывая что я чищу Кеш и Куки
Сейчас попробовала ещё раз,вроде получилось и надеюсь что продержится долго
Темку можно закрывать,так как вопрос решён
Сказочник Зазеркалья-
-
Сообщения : 3710
Возраст : 33
Регистрация : 2012-11-16
Благодарности : 733
Re: В какой шаблон поместить виджет "Вверх" ?
А ты не пробовала скриптов поменьше , у тебя форум , сайт нашпиговон так , что скоро лопнет
Re: В какой шаблон поместить виджет "Вверх" ?
Ну стремлюсь сделать сайт идеальнымЛеший пишет:А ты не пробовала скриптов поменьше , у тебя форум , сайт нашпиговон так , что скоро лопнет
Всегда хотела сделать классный сайтик
Сказочник Зазеркалья-
-
Сообщения : 3710
Возраст : 33
Регистрация : 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
Возраст : 101
Регистрация : 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
Возраст : 33
Регистрация : 2012-11-16
Благодарности : 733
Похожие темы
» Какой шаблон отвечает за редактирование профиля?
» Кнопка "Убрать cookie" поместить в виджет
» Скажите пожалуйста, какой код нужен чтобы Меню переместить вверх форума? Серия форумов одна. Сама не могу найти его.
» Виджет уходит вверх когда открываются темы форума.
» Можноли поместить сюда кнопочки ?
» Кнопка "Убрать cookie" поместить в виджет
» Скажите пожалуйста, какой код нужен чтобы Меню переместить вверх форума? Серия форумов одна. Сама не могу найти его.
» Виджет уходит вверх когда открываются темы форума.
» Можноли поместить сюда кнопочки ?
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения