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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

Последние темы
» Не успел продлить доменное имя. Как быть?
автор Yugovik Вчера в 17:14

» Белый фон
автор Сейлан Декабрь 12th 2019, 15:58

» ukrainianforum.net ==> ukraine7.com
автор Korolyova Декабрь 11th 2019, 17:24

» Правильная настройка форума, для поисковиков
автор IceQueen Декабрь 10th 2019, 19:21

» Не загружается ПА
автор Xan_Kriegor Декабрь 9th 2019, 23:30

» [Общая тема] Блокируются картинки с servimg
автор Хельга Руннен Декабрь 9th 2019, 21:55

» Проблема с отображением тем на форуме.
автор хамелион Декабрь 9th 2019, 11:32

» Стоит или нет?! HTTPS
автор Dana Domirani Декабрь 7th 2019, 22:59

» Вместо шапки форума- сплошная чернота
автор Грета Гарбо Декабрь 7th 2019, 20:25

» Общий вопрос по форуму, и некоторых моментов
автор IceQueen Декабрь 7th 2019, 19:02

RSS-каналы


Yahoo! 
MSN 
AOL 
Netvibes 
Bloglines 


Как сделать всплывающую ссылку "назад" как в ВК ?

Страница 2 из 2 Предыдущий  1, 2

Перейти вниз

Как сделать всплывающую ссылку "назад" как в ВК ? - Страница 2 Empty Как сделать всплывающую ссылку "назад" как в ВК ?

Сообщение автор Сказочник Зазеркалья в Январь 1st 2013, 01:53

Первое сообщение в теме :

Всем приветик girl_yes
Пожалуйста помогите с одной проблемой pardon
Возможно ли сделать одну штучку как на сайте В контакте ?
Вот эта функция:

Как сделать всплывающую ссылку "назад" как в ВК ? - Страница 2 Snap2013010101h40m16

Хотелось бы сделать такое,чтобы эта штучка была сбоку и появлялась всегда,когда юзер или гость переходят с главной допустим в категорию pardon
В одной из тем уважаемый Домовой поделился скриптом,который позволяет делать всплывающую ссылку"Наверх" 22
Теперь думаю может можно и такое сделать pardon
Пожалуйста помогите rose


Последний раз редактировалось: Кардинал Мишель Картер (Январь 4th 2013, 21:40), всего редактировалось 1 раз(а)
Сказочник Зазеркалья
Сказочник Зазеркалья
 

Мужчина

Сообщения : 3730
Возраст : 28
Регистрация : 2012-11-16
Благодарности : 732

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

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


Как сделать всплывающую ссылку "назад" как в ВК ? - Страница 2 Empty Re: Как сделать всплывающую ссылку "назад" как в ВК ?

Сообщение автор Домовой в Январь 4th 2013, 23:26

Леший, если тебе не нужна опция НАЗАД то рекомендую поставить лучше это
<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: 0px;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>

зелёным отмечено расположение справа
если надо что бы слева то замени на left
красным выделен цвет фона при наведении на поле
если вместо кода цвета поставить none то фона не будет

Домовой
 

Сообщения : 6811
Регистрация : 2010-01-30

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

Как сделать всплывающую ссылку "назад" как в ВК ? - Страница 2 Empty Re: Как сделать всплывающую ссылку "назад" как в ВК ?

Сообщение автор Леший в Январь 5th 2013, 07:58

Домовой Спасибо Преогромнейшее . Я как раз дошёл до момента сменить цвет 39 Блин , как у Вас Знатаков всё просто ))) раз и поправил .
Леший
Леший
 

Мужчина

Сообщения : 2146
Регистрация : 2012-10-05
Благодарности : 349

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

http://black-kat.forum2x2.ru

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

Как сделать всплывающую ссылку "назад" как в ВК ? - Страница 2 Empty Re: Как сделать всплывающую ссылку "назад" как в ВК ?

Сообщение автор Леший в Январь 5th 2013, 09:44

Вот как прозрачность меняется полосы ??

jQuery('body').append('<div class="button-up" style="display: none;opacity:0.8;width:

Это же здесь менять ??? и положение самой надписи и цвет её . Не могу ни как добить nea Что то совсем ни как не идёт у меня сегодня pardon
Леший
Леший
 

Мужчина

Сообщения : 2146
Регистрация : 2012-10-05
Благодарности : 349

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

http://black-kat.forum2x2.ru

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

Как сделать всплывающую ссылку "назад" как в ВК ? - Страница 2 Empty Re: Как сделать всплывающую ссылку "назад" как в ВК ?

Сообщение автор Домовой в Январь 5th 2013, 10:22

@Леший пишет:Вот как прозрачность меняется полосы ??

найди в скрипте 'opacity':'1', и замени к примеру на 'opacity':'0.7',
Домовой
Домовой
 

Мужчина

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

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

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

Как сделать всплывающую ссылку "назад" как в ВК ? - Страница 2 Empty Re: Как сделать всплывающую ссылку "назад" как в ВК ?

Сообщение автор Домовой в Январь 5th 2013, 10:26

<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: 0px;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>
цвет ссылки
цвет ссылки при наведении курсора
расположение
Домовой
Домовой
 

Мужчина

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

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

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

Как сделать всплывающую ссылку "назад" как в ВК ? - Страница 2 Empty Re: Как сделать всплывающую ссылку "назад" как в ВК ?

Сообщение автор Леший в Январь 5th 2013, 10:30

@Домовой пишет:
@Леший пишет:Вот как прозрачность меняется полосы ??

найди в скрипте 'opacity':'1', и замени к примеру на 'opacity':'0.7',

Да я менял , от 0 до 5 и в обратную сторону unknown Глюк какойто :88:
Леший
Леший
 

Мужчина

Сообщения : 2146
Регистрация : 2012-10-05
Благодарности : 349

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

http://black-kat.forum2x2.ru

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

Как сделать всплывающую ссылку "назад" как в ВК ? - Страница 2 Empty Re: Как сделать всплывающую ссылку "назад" как в ВК ?

Сообщение автор Домовой в Январь 5th 2013, 10:35

от 0 до 5

я же сказал как надо.
Не прозрачный это 1
Самый прозрачный это 0.1
Домовой
Домовой
 

Мужчина

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

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

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

Как сделать всплывающую ссылку "назад" как в ВК ? - Страница 2 Empty Re: Как сделать всплывающую ссылку "назад" как в ВК ?

Сообщение автор Леший в Январь 5th 2013, 10:37

@Домовой пишет:
от 0 до 5

я же сказал как надо.
Не прозрачный это 1
Самый прозрачный это 0.1

Вот гадство biggrin Я на оборот делал flag Сорри , Прошу прощения )))
Леший
Леший
 

Мужчина

Сообщения : 2146
Регистрация : 2012-10-05
Благодарности : 349

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

http://black-kat.forum2x2.ru

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

Как сделать всплывающую ссылку "назад" как в ВК ? - Страница 2 Empty Re: Как сделать всплывающую ссылку "назад" как в ВК ?

Сообщение автор Леший в Январь 5th 2013, 10:45

А текст Наверх можно апустить в середину ???
Леший
Леший
 

Мужчина

Сообщения : 2146
Регистрация : 2012-10-05
Благодарности : 349

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

http://black-kat.forum2x2.ru

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

Как сделать всплывающую ссылку "назад" как в ВК ? - Страница 2 Empty Re: Как сделать всплывающую ссылку "назад" как в ВК ?

Сообщение автор Домовой в Январь 5th 2013, 11:08

@Леший пишет:А текст Наверх можно апустить в середину ???
в этот фрагмент
Код:
<div class="button-up" style="display: none;opacity:0.8;width: 80px;height:100%;position: fixed;right: 0px;top: 0px;cursor: pointer;text-align: center;line-height: 30px;color: #d3dbe4;font-weight: bold;font-family:Georgia; font-size:12px;">▲ Наверх</div>
куда нибудь добавь
Код:
padding-top:30%;
Пример:
<div class="button-up" style="display: none;opacity:0.8;width: 80px;height:100%;position: fixed;right: 0px;top: 0px;cursor: pointer;text-align: center;padding-top:30%;line-height: 30px;color: #FF0000;font-weight: bold;font-family:Georgia; font-size:12px;">▲ Наверх</div>
Домовой
Домовой
 

Мужчина

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

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

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

Как сделать всплывающую ссылку "назад" как в ВК ? - Страница 2 Empty Re: Как сделать всплывающую ссылку "назад" как в ВК ?

Сообщение автор Леший в Январь 5th 2013, 11:10

ВОТ ГАДСТВО ))) Пить бросаю 23 Домовой Будешь свидетелем , что я это сказал pardon
Леший
Леший
 

Мужчина

Сообщения : 2146
Регистрация : 2012-10-05
Благодарности : 349

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

http://black-kat.forum2x2.ru

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

Как сделать всплывающую ссылку "назад" как в ВК ? - Страница 2 Empty Re: Как сделать всплывающую ссылку "назад" как в ВК ?

Сообщение автор Домовой в Январь 5th 2013, 11:19

к чему такие жертвы?
Домовой
Домовой
 

Мужчина

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

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

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

Как сделать всплывающую ссылку "назад" как в ВК ? - Страница 2 Empty Re: Как сделать всплывающую ссылку "назад" как в ВК ?

Сообщение автор Леший в Январь 5th 2013, 11:21

А как ещё ))) Теперь цвет текста и скорость прокрутки ищу в коде .
Леший
Леший
 

Мужчина

Сообщения : 2146
Регистрация : 2012-10-05
Благодарности : 349

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

http://black-kat.forum2x2.ru

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

Как сделать всплывающую ссылку "назад" как в ВК ? - Страница 2 Empty Re: Как сделать всплывающую ссылку "назад" как в ВК ?

Сообщение автор Домовой в Январь 5th 2013, 11:46

я же указал в этом сообщении про цвет ссылки
https://help.forum2x2.ru/t29807p30-topic#211987
а прокрутку регулировать найди в скрипте циферку 800, она там одна такая, меняй на свою.
Чем меньше значение тем быстрей прокрутка
Домовой
Домовой
 

Мужчина

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

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

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

Как сделать всплывающую ссылку "назад" как в ВК ? - Страница 2 Empty Re: Как сделать всплывающую ссылку "назад" как в ВК ?

Сообщение автор Леший в Январь 5th 2013, 13:08

@Домовой пишет:я же указал в этом сообщении про цвет ссылки
https://help.forum2x2.ru/t29807p30-topic#211987
а прокрутку регулировать найди в скрипте циферку 800, она там одна такая, меняй на свою.
Чем меньше значение тем быстрей прокрутка

Всё нашёл , разобрал и полностью подправил дл форума . ОГРОМНОЕ 13 Не знаю что нашло сегодня на меня , нефига не вижу nea
Леший
Леший
 

Мужчина

Сообщения : 2146
Регистрация : 2012-10-05
Благодарности : 349

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

http://black-kat.forum2x2.ru

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

Страница 2 из 2 Предыдущий  1, 2

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


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