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

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

Всем приветик girl_yes

Пожалуйста помогите с одной проблемой pardon

Возможно ли сделать одну штучку как на сайте В контакте ?
Вот эта функция:

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

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

Хотелось бы сделать такое,чтобы эта штучка была сбоку и появлялась всегда,когда юзер или гость переходят с главной допустим в категорию pardon

В одной из тем уважаемый Домовой поделился скриптом,который позволяет делать всплывающую ссылку"Наверх"

Теперь думаю может можно и такое сделать pardon

Пожалуйста помогите rose

автор Домовой в Январь 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 то фона не будет

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

Домовой Спасибо Преогромнейшее . Я как раз дошёл до момента сменить цвет

Блин , как у Вас Знатаков всё просто ))) раз и поправил .

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

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

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

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

Что то совсем ни как не идёт у меня сегодня pardon

автор Домовой в Январь 5th 2013, 10:22

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

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

автор Домовой в Январь 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>

цвет ссылки
цвет ссылки при наведении курсора
расположение

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

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

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

Да я менял , от 0 до 5 и в обратную сторону unknown

Глюк какойто :88:

автор Домовой в Январь 5th 2013, 10:35

от 0 до 5

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

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

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

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

Вот гадство biggrin

Я на оборот делал flag

Сорри , Прошу прощения )))

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

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

автор Домовой в Январь 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>

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

ВОТ ГАДСТВО ))) Пить бросаю

Домовой Будешь свидетелем , что я это сказал pardon

автор Домовой в Январь 5th 2013, 11:19

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

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

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

автор Домовой в Январь 5th 2013, 11:46

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

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

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

Всё нашёл , разобрал и полностью подправил дл форума . ОГРОМНОЕ

Не знаю что нашло сегодня на меня , нефига не вижу nea