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

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

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

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

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

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

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

Я админ, не могу зайти!
(забыл / потерял пароль)


Общий FAQ по управлению форумом

FAQ: реклама на форуме

Туториалы по разным функциям ваших форумов

Алфавитный указатель

Интересные решения для форумов

Наши видео-туториалы

Условия пользования сервисом

Ссылки на полезные ресурсы

Последние темы
» Реклама для админов появилась
автор IceQueen Август 13th 2019, 16:50

» Форум 2x2 недоступен в гугл хроме
автор Сказочник Зазеркалья Август 10th 2019, 17:40

» Google map
автор Dana Domirani Август 10th 2019, 05:08

» Нижняя часть сообщения AwesomeBB
автор Aselial Август 3rd 2019, 16:47

» Цвет информации в настройках профиля AwesomeBB
автор Aselial Август 3rd 2019, 16:37

» Цвет поля Пользователи AwesomeBB
автор Aselial Август 3rd 2019, 16:31

» Не могу войти в ПА
автор эмма Август 2nd 2019, 05:04

» Как добавить рамку на блок с контентом?
автор Aselial Июль 31st 2019, 15:55

» Фоновое изображение верхней части страницы.
автор Aselial Июль 31st 2019, 12:07

» Трансфер домена в форумный сервис
автор Dana Domirani Июль 22nd 2019, 17:48

RSS-каналы


Yahoo! 
MSN 
AOL 
Netvibes 
Bloglines 


Кнопка вверх как вконтакте

Перейти вниз

Кнопка вверх как вконтакте Empty Кнопка вверх как вконтакте

Сообщение автор MakcMay в Декабрь 27th 2012, 12:06

Всем Привет. Помогите сделать кнопку вверх как вконтакте. Что-бы было так.

1. Когда листаешь вниз появляется надпись вверх
Кнопка вверх как вконтакте Dduddd11
2. А когда наводишь то появляется еще и фон прозрачный.
Кнопка вверх как вконтакте Dduddd12


Последний раз редактировалось: MakcMay (Декабрь 29th 2012, 11:13), всего редактировалось 1 раз(а)
MakcMay
MakcMay
 

Мужчина

Сообщения : 584
Возраст : 28
Регистрация : 2011-12-12
Благодарности : 102

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

http://pawno.wikiforum.net

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

Кнопка вверх как вконтакте Empty Re: Кнопка вверх как вконтакте

Сообщение автор Домовой в Декабрь 27th 2012, 14:48

в виджет на главной
<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>
Если надо что бы было справа то в скрипте выделенное left замените на right
Домовой
Домовой
 

Мужчина

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

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

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

Кнопка вверх как вконтакте Empty Re: Кнопка вверх как вконтакте

Сообщение автор MakcMay в Декабрь 27th 2012, 19:21

Огромное спасибо =) То что нужно. Волшебник настоящий smile

Решено solved
MakcMay
MakcMay
 

Мужчина

Сообщения : 584
Возраст : 28
Регистрация : 2011-12-12
Благодарности : 102

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

http://pawno.wikiforum.net

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

Вернуться к началу


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