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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

Участников: 3

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

Перейти вниз

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

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

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

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

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

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


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

Мужчина

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

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

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


Как сделать всплывающую ссылку "назад" как в ВК ? - Страница 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 то фона не будет

Домовой
 

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

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

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

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

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

Мужчина

Сообщения : 2143
Регистрация : 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
avatar
Леший
 

Мужчина

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

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

http://black-kat.forum2x2.ru

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

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

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

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

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

Мужчина

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

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

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

Как сделать всплывающую ссылку "назад" как в ВК ? - Страница 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>
цвет ссылки
цвет ссылки при наведении курсора
расположение
Домовой
Домовой
 

Мужчина

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

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

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

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

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

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

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

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

Мужчина

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

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

http://black-kat.forum2x2.ru

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

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

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

от 0 до 5

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

Мужчина

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

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

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

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

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

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

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

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

Мужчина

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

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

http://black-kat.forum2x2.ru

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

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

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

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

Мужчина

Сообщения : 2143
Регистрация : 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>
Домовой
Домовой
 

Мужчина

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

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

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

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

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

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

Мужчина

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

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

http://black-kat.forum2x2.ru

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

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

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

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

Мужчина

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

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

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

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

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

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

Мужчина

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

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

http://black-kat.forum2x2.ru

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

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

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

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

Мужчина

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

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

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

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

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

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

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

Мужчина

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

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

http://black-kat.forum2x2.ru

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

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

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

- Похожие темы

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