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

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


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

Мы в социальных сетях



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

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


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

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

Кнопка ВВЕРХ ,требует изменения.

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

Решено Кнопка ВВЕРХ ,требует изменения.

Сообщение автор RUNIA в Сб 13 Апр - 18:29

Всем привет! У меня давно стоит кнопка вверх,как ВКонтакте!
Брал от сюда- http://help.forum2x2.ru/t29690-topic#210456
Но,я сейчас поставил ТУЛБАР и слово ВВЕРХ не видно! scratch
Можно как-то спустить ниже слово ВВЕРХ?
Либо в низу поставить? 24



Последний раз редактировалось: RUNIA (Сб 13 Апр - 19:43), всего редактировалось 1 раз(а)

RUNIA
 
 

Пол : Мужчина
Сообщения : 91
Настроение : Зависит от вас ребята.
Карма : Без предупреждений
Благодарности : 5
Регистрация : 2013-01-20

http://seloforum.forum2x2.ru/

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

Решено Re: Кнопка ВВЕРХ ,требует изменения.

Сообщение автор Сказочник Зазеркалья в Сб 13 Апр - 18:47

@RUNIA пишет:Всем привет! У меня давно стоит кнопка вверх,как ВКонтакте!
Либо в низу поставить? 24


Приветик RUNIA. smile

В коде:

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

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

jQuery('body').append('<div class="button-up" style="display: none;opacity:0.8;width: 80px;height:100%;position: fixed;right: 0px;top: 50px;cursor: pointer;text-align: center;line-height: 30px;color: #d3dbe4;font-weight: bold;font-family:Georgia; font-size:12px;">▲ Наверх</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>

Цифры которые отмечены зелёным цветом, меняй на своё усмотрение. Это отвечает на вертикальное положение слова "Вверх". girl_yes

Сказочник Зазеркалья
Дизайнер
Дизайнер

Пол : Мужчина
Сообщения : 3672
Возраст : 25
Место обитания : Морг.
Карма : Без предупреждений
Благодарности : 687
Регистрация : 2012-11-16

http://help.forum2x2.ru

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

Решено Re: Кнопка ВВЕРХ ,требует изменения.

Сообщение автор Смех в Сб 13 Апр - 18:55

Тогда при наведении вы увидите, что весь див опустился (не особо красиво смотрится). Есть вариант: надпись в отдельный див завернуть и опустить, но я не умею добавлять css в jQuery, так что могу подсказать только через добавление в css сайта (ПА - Оформление - Картинки и Цвета - Цвета - Каскадная таблица стилей CSS)

Вообщем заменяйте весь прошлый код на это:
<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 class="downvverh">▲ Вверх</div></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>
А в CSS добавляем:

/*Опускаем кнопку Вверх*/
.downvverh {
position:relative;
top: 100px;
}
Регулируйте сами, как больше нравится.

Смех
 
 

Пол : Мужчина
Сообщения : 767
Карма : Без предупреждений
Благодарности : 161
Регистрация : 2010-11-05

http://cmex.forum2x2.net/

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

Решено Re: Кнопка ВВЕРХ ,требует изменения.

Сообщение автор RUNIA в Сб 13 Апр - 19:42

Благодарю вас! Тему можно закрывать. solved

RUNIA
 
 

Пол : Мужчина
Сообщения : 91
Настроение : Зависит от вас ребята.
Карма : Без предупреждений
Благодарности : 5
Регистрация : 2013-01-20

http://seloforum.forum2x2.ru/

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

Решено Re: Кнопка ВВЕРХ ,требует изменения.

Сообщение автор Домовой в Сб 13 Апр - 20:23

А зачем в див заворачивать?
Не проще просто в CSS вставить?
Код:
.button-up{
padding-top:100px !important;
}

Домовой
 
 

Пол : Мужчина
Сообщения : 6976
Возраст : 92
Место обитания : :яинатибо отсеМ
Карма : Без предупреждений
Благодарности : 3216
Регистрация : 2010-01-30

http://udomovogo.rusff.ru

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

Решено Re: Кнопка ВВЕРХ ,требует изменения.

Сообщение автор Смех в Сб 13 Апр - 20:28

А зачем в див заворачивать?
Не проще просто в CSS вставить?
Проще конечно, но я же и не претендовал на правильность ответа. Помог как мог smile
А можно кнопку совсем книзу привязать? Чтоб не зависело от размера экрана.

Смех
 
 

Пол : Мужчина
Сообщения : 767
Карма : Без предупреждений
Благодарности : 161
Регистрация : 2010-11-05

http://cmex.forum2x2.net/

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

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


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