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

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

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

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

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

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

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

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

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

автор Леший Январь 4th 2013, 06:43

Привет . Да была уже эта тема , и при чём сама же и открывала . И решение Домовой сказал , и спасибо ты ему говорила yes

Леший пишет:Привет . Да была уже эта тема , и при чём сама же и открывала . И решение Домовой сказал , и спасибо ты ему говорила

Привет х)
Если ты об этой теме : https://help.forum2x2.ru/t29712-topic
То это совсем другое pardon

автор Леший Январь 4th 2013, 06:54

У кого то я уже видел это из форумчан , при чём совсем не давно

Леший пишет:У кого то я уже видел это из форумчан , при чём совсем не давно

Я думаю что это не так уж и сложно, хотя кто знает

Нужно дождаться специалистов,может кто нибудь знает такой скрипт flag

автор Домовой Январь 4th 2013, 14:31

удалите скрипт что я давал в той теме и поставьте этот

Код:: <script type="text/javascript" src="http://yourjavascript.com/4331281581/vk-up-back.js"></script>

автор Леший Январь 4th 2013, 14:47

Домовой пишет:удалите скрипт что я давал в той теме и поставьте этот
Код:
<script type="text/javascript" src="http://yourjavascript.com/4331281581/vk-up-back.js"></script>

А для ВВ3 применимо ???

автор Домовой Январь 4th 2013, 14:57

Леший пишет:

А для ВВ3 применимо ???

в виджет

автор Леший Январь 4th 2013, 15:06

Что то не работает unknown

Поставил в виджет с лева , может это из за скрытия их кнопкой , но с права тоже не работает . Что я забыл ???

автор Домовой Январь 4th 2013, 17:12

У меня в правом виджете, работает
http://domovoybb3.rossiaforum.com/

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

Добил я её всё таки , заработала . А можно в скрипте фон менять ??? этот как то не очень

Домовой пишет:удалите скрипт что я давал в той теме и поставьте этот
Код:
<script type="text/javascript" src="http://yourjavascript.com/4331281581/vk-up-back.js"></script>

Здравствуйте уважаемый Домовой girl_yes

Работает просто отлично

Подскажите а есть настройки для него,чтобы можно было настраивать чтобы не было у него фона ?)
То есть чтобы видно было слово Назад, а самого серого фона не было ? pardon

автор Домовой Январь 4th 2013, 21:27

могу конечно в скрипт внести изменение но можете просто в css втавить код

Код:: #topvk:hover{ background:transparent !important; }

Вставить код даже лучше, потому что при желании можно даже поменять фон
к примеру

Код:: #topvk:hover{ background:#228B22 !important; }

а так можно поменять цвет ссылки

Код:: #topvk nobr{ color:#006400 !important; }

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

Эххх красота . Не хотел фигню эту ставить , но с таким раскладом оформления даже не знаю )))) блин , может всё-таки нужна это фиговинка ))))

автор Домовой Январь 4th 2013, 21:34

По мне так тот первый вариант который просто вверх направляет лучше.
Функция Назад считаю лишней.

Домовой пишет:могу конечно в скрипт внести изменение но можете просто в css втавить код
Код:
#topvk:hover{ background:transparent !important; }
Вставить код даже лучше, потому что при желании можно даже поменять фон
к примеру
Код:
#topvk:hover{ background:#228B22 !important; }
а так можно поменять цвет ссылки
Код:
#topvk nobr{ color:#006400 !important; }

Домовой ещё раз спасибо вам огромное girl_yes

Темку можно закрывать clapping

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

Вот к стати такой вопрос . можно ли сделать с права колонку , и надпись назад или что то там менять на свои ????

автор Домовой Январь 4th 2013, 21:48

надпись можно.
Да и расположение думаю можно.
Надо в скрипте поковырять

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

Домовой пишет:надпись можно.
Да и расположение думаю можно.
Надо в скрипте поковырять

Понятно ))) Хотябы наводку можно ??? Где ковырятся ??? pardon

Мне только чтоб текст сменить и надпись по ниже . Но если готовое то только ОГРОМНОЕ СПАСИБО wink

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

Вот исходник, крути до посинения)))

Код:: /* Копия кнопки сайта vk.com "вверх и назад" */ $(document).ready(function(){$("#topvk").css('display','none');$(function(){$('#topvk').click(function(){$('html, body').stop().animate({scrollTop:$("body").offset().top},0)})});if(document.referrer==''){$("#topvk").hide()}else{$("#topvk").show();$('#topvk nobr').text('Назад').removeAttr('class').attr('class','back');$('#topvk').attr('onclick','window.location=\''+document.referrer+'\'')}});jQuery(window).scroll(function(){if(jQuery(window).scrollTop()>100){$("#topvk").show();$('#topvk nobr').text('Наверх').removeAttr('class');$('#topvk').removeAttr('onclick')}else{if(document.referrer==''){$("#topvk").hide()}else{$("#topvk").show();$('#topvk nobr').text('Назад').removeAttr('class').attr('class','back');$('#topvk').attr('onclick','window.location=\''+document.referrer+'\'')}}});document.write('<style>#topvk nobr{opacity:0.3;height:14px;padding:0px 20px;margin:0 31px 0 15px;font-weight:bold;font-family:tahoma,arial,verdana,sans-serif,Lucida Sans;font-size:11px;color:#45688e;background:url(http://i13.servimg.com/u/f13/14/80/95/87/vk_up_10.gif) no-repeat left 3px;-webkit-transition-property:opacity;-webkit-transition-duration:200ms;-moz-transition-property:opacity;-moz-transition-duration:200ms;}#topvk:hover nobr{opacity:1;height:14px;padding:0px 20px;margin:0 31px 0 15px;font-weight:bold;font-family:tahoma,arial,verdana,sans-serif,Lucida Sans;font-size:11px;color:#45688e;background:url(http://i13.servimg.com/u/f13/14/80/95/87/vk_up_10.gif) no-repeat left 3px;}.back{background:url(http://i13.servimg.com/u/f13/14/80/95/87/vk_up_10.gif) no-repeat left -22px!important;}#topvk{top:0px;left:0px;padding:13px 0 13px;cursor:pointer;display:none;width:100px;height:100%;position:fixed;cursor:pointer;-webkit-transition-property:background;-webkit-transition-duration:200ms;-moz-transition-property:background;-moz-transition-duration:200ms;}#topvk:hover{background:#e1e7ed;}</style><div id="topvk"><nobr id="stl_text">Наверх</nobr></div>');

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

Домовой пишет:Вот исходник, крути до посинения)))
Код:
/* Копия кнопки сайта vk.com "вверх и назад" */ $(document).ready(function(){$("#topvk").css('display','none');$(function(){$('#topvk').click(function(){$('html, body').stop().animate({scrollTop:$("body").offset().top},0)})});if(document.referrer==''){$("#topvk").hide()}else{$("#topvk").show();$('#topvk nobr').text('Назад').removeAttr('class').attr('class','back');$('#topvk').attr('onclick','window.location=\''+document.referrer+'\'')}});jQuery(window).scroll(function(){if(jQuery(window).scrollTop()>100){$("#topvk").show();$('#topvk nobr').text('Наверх').removeAttr('class');$('#topvk').removeAttr('onclick')}else{if(document.referrer==''){$("#topvk").hide()}else{$("#topvk").show();$('#topvk nobr').text('Назад').removeAttr('class').attr('class','back');$('#topvk').attr('onclick','window.location=\''+document.referrer+'\'')}}});document.write('<style>#topvk nobr{opacity:0.3;height:14px;padding:0px 20px;margin:0 31px 0 15px;font-weight:bold;font-family:tahoma,arial,verdana,sans-serif,Lucida Sans;font-size:11px;color:#45688e;background:url(http://i13.servimg.com/u/f13/14/80/95/87/vk_up_10.gif) no-repeat left 3px;-webkit-transition-property:opacity;-webkit-transition-duration:200ms;-moz-transition-property:opacity;-moz-transition-duration:200ms;}#topvk:hover nobr{opacity:1;height:14px;padding:0px 20px;margin:0 31px 0 15px;font-weight:bold;font-family:tahoma,arial,verdana,sans-serif,Lucida Sans;font-size:11px;color:#45688e;background:url(http://i13.servimg.com/u/f13/14/80/95/87/vk_up_10.gif) no-repeat left 3px;}.back{background:url(http://i13.servimg.com/u/f13/14/80/95/87/vk_up_10.gif) no-repeat left -22px!important;}#topvk{top:0px;left:0px;padding:13px 0 13px;cursor:pointer;display:none;width:100px;height:100%;position:fixed;cursor:pointer;-webkit-transition-property:background;-webkit-transition-duration:200ms;-moz-transition-property:background;-moz-transition-duration:200ms;}#topvk:hover{background:#e1e7ed;}</style><div id="topvk"><nobr id="stl_text">Наверх</nobr></div>');

А это что такое в старте кода ??? Копия кнопки сайта vk.com "вверх и назад" Это нормально ??? Работой на завтра обеспечен ))))

Леший пишет:
Домовой пишет:Вот исходник, крути до посинения)))
Код:
/* Копия кнопки сайта vk.com "вверх и назад" */ $(document).ready(function(){$("#topvk").css('display','none');$(function(){$('#topvk').click(function(){$('html, body').stop().animate({scrollTop:$("body").offset().top},0)})});if(document.referrer==''){$("#topvk").hide()}else{$("#topvk").show();$('#topvk nobr').text('Назад').removeAttr('class').attr('class','back');$('#topvk').attr('onclick','window.location=\''+document.referrer+'\'')}});jQuery(window).scroll(function(){if(jQuery(window).scrollTop()>100){$("#topvk").show();$('#topvk nobr').text('Наверх').removeAttr('class');$('#topvk').removeAttr('onclick')}else{if(document.referrer==''){$("#topvk").hide()}else{$("#topvk").show();$('#topvk nobr').text('Назад').removeAttr('class').attr('class','back');$('#topvk').attr('onclick','window.location=\''+document.referrer+'\'')}}});document.write('<style>#topvk nobr{opacity:0.3;height:14px;padding:0px 20px;margin:0 31px 0 15px;font-weight:bold;font-family:tahoma,arial,verdana,sans-serif,Lucida Sans;font-size:11px;color:#45688e;background:url(http://i13.servimg.com/u/f13/14/80/95/87/vk_up_10.gif) no-repeat left 3px;-webkit-transition-property:opacity;-webkit-transition-duration:200ms;-moz-transition-property:opacity;-moz-transition-duration:200ms;}#topvk:hover nobr{opacity:1;height:14px;padding:0px 20px;margin:0 31px 0 15px;font-weight:bold;font-family:tahoma,arial,verdana,sans-serif,Lucida Sans;font-size:11px;color:#45688e;background:url(http://i13.servimg.com/u/f13/14/80/95/87/vk_up_10.gif) no-repeat left 3px;}.back{background:url(http://i13.servimg.com/u/f13/14/80/95/87/vk_up_10.gif) no-repeat left -22px!important;}#topvk{top:0px;left:0px;padding:13px 0 13px;cursor:pointer;display:none;width:100px;height:100%;position:fixed;cursor:pointer;-webkit-transition-property:background;-webkit-transition-duration:200ms;-moz-transition-property:background;-moz-transition-duration:200ms;}#topvk:hover{background:#e1e7ed;}</style><div id="topvk"><nobr id="stl_text">Наверх</nobr></div>');

А это что такое в старте кода ??? Копия кнопки сайта vk.com "вверх и назад" Это нормально ??? Работой на завтра обеспечен ))))

Это имя скрипта pardon

автор Леший Январь 4th 2013, 22:19

Это имя скрипта

Мне главное чтоб на код это не влияло если я удалю это .
Пожалуйста тему не закрывайте

автор Леший Январь 4th 2013, 22:36

Кардинальша , ну ты чего , просил же не закрывать тему pardon

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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