Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Форум медленно открывается. Что делать?автор literrary Вчера в 20:18
» свернуть окошко помощи (iframe)
автор literrary Вчера в 20:02
» сделать иконку ЛС-ссылку в профиле( Invision) в темах
автор literrary Февраль 2nd 2023, 14:00
» адаптировать туториал пользователи в статистике по времени на invision
автор literrary Январь 30th 2023, 21:36
» заменить ЧаВо в навигации
автор literrary Январь 30th 2023, 18:58
» невозможно загрузить смайлик ни один
автор literrary Январь 30th 2023, 18:56
» добавить пользователя в недруги
автор literrary Январь 27th 2023, 22:54
» Перевод форума на другой язык.
автор Ilya Январь 27th 2023, 19:25
» сделать снижение к navstrip (к тексту) окна браузера
автор literrary Январь 25th 2023, 13:03
» Новое управление смайликами в Панели Администратора
автор Luz Январь 24th 2023, 13:50
Как сделать всплывающую ссылку "назад" как в ВК ?
Участников: 3
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Проблемы со скриптами (кодами) :: [Архив] Проблемы со скриптами
Страница 2 из 2
Страница 2 из 2 • 1, 2
Как сделать всплывающую ссылку "назад" как в ВК ?
Первое сообщение в теме :
Всем приветик
Пожалуйста помогите с одной проблемой
Возможно ли сделать одну штучку как на сайте В контакте ?
Вот эта функция:

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

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

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

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

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

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

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

Последний раз редактировалось: Кардинал Мишель Картер (Январь 4th 2013, 21:40), всего редактировалось 1 раз(а)
Сказочник Зазеркалья-
-
Сообщения : 3710
Возраст : 31
Регистрация : 2012-11-16
Благодарности : 733
Re: Как сделать всплывающую ссылку "назад" как в ВК ?
Леший, если тебе не нужна опция НАЗАД то рекомендую поставить лучше это
зелёным отмечено расположение справа
если надо что бы слева то замени на left
красным выделен цвет фона при наведении на поле
если вместо кода цвета поставить none то фона не будет
<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
Re: Как сделать всплывающую ссылку "назад" как в ВК ?
Домовой Спасибо Преогромнейшее . Я как раз дошёл до момента сменить цвет
Блин , как у Вас Знатаков всё просто ))) раз и поправил .

Re: Как сделать всплывающую ссылку "назад" как в ВК ?
Вот как прозрачность меняется полосы ??
jQuery('body').append('<div class="button-up" style="display: none;opacity:0.8;width:
Это же здесь менять ??? и положение самой надписи и цвет её . Не могу ни как добить
Что то совсем ни как не идёт у меня сегодня
jQuery('body').append('<div class="button-up" style="display: none;opacity:0.8;width:
Это же здесь менять ??? и положение самой надписи и цвет её . Не могу ни как добить


Re: Как сделать всплывающую ссылку "назад" как в ВК ?
Леший пишет:Вот как прозрачность меняется полосы ??
найди в скрипте 'opacity':'1', и замени к примеру на 'opacity':'0.7',
Домовой-
-
Сообщения : 6801
Возраст : 99
Регистрация : 2010-01-30
Благодарности : 3243
Re: Как сделать всплывающую ссылку "назад" как в ВК ?
цвет ссылки<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
Re: Как сделать всплывающую ссылку "назад" как в ВК ?
Домовой пишет:Леший пишет:Вот как прозрачность меняется полосы ??
найди в скрипте 'opacity':'1', и замени к примеру на 'opacity':'0.7',
Да я менял , от 0 до 5 и в обратную сторону


Re: Как сделать всплывающую ссылку "назад" как в ВК ?
от 0 до 5
я же сказал как надо.
Не прозрачный это 1
Самый прозрачный это 0.1
Домовой-
-
Сообщения : 6801
Возраст : 99
Регистрация : 2010-01-30
Благодарности : 3243
Re: Как сделать всплывающую ссылку "назад" как в ВК ?
Домовой пишет:от 0 до 5
я же сказал как надо.
Не прозрачный это 1
Самый прозрачный это 0.1
Вот гадство


Re: Как сделать всплывающую ссылку "назад" как в ВК ?
в этот фрагментЛеший пишет:А текст Наверх можно апустить в середину ???
- Код:
<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
Re: Как сделать всплывающую ссылку "назад" как в ВК ?
ВОТ ГАДСТВО ))) Пить бросаю
Домовой Будешь свидетелем , что я это сказал


Домовой-
-
Сообщения : 6801
Возраст : 99
Регистрация : 2010-01-30
Благодарности : 3243
Re: Как сделать всплывающую ссылку "назад" как в ВК ?
А как ещё ))) Теперь цвет текста и скорость прокрутки ищу в коде .
Re: Как сделать всплывающую ссылку "назад" как в ВК ?
я же указал в этом сообщении про цвет ссылки
https://help.forum2x2.ru/t29807p30-topic#211987
а прокрутку регулировать найди в скрипте циферку 800, она там одна такая, меняй на свою.
Чем меньше значение тем быстрей прокрутка
https://help.forum2x2.ru/t29807p30-topic#211987
а прокрутку регулировать найди в скрипте циферку 800, она там одна такая, меняй на свою.
Чем меньше значение тем быстрей прокрутка
Домовой-
-
Сообщения : 6801
Возраст : 99
Регистрация : 2010-01-30
Благодарности : 3243
Re: Как сделать всплывающую ссылку "назад" как в ВК ?
Домовой пишет:я же указал в этом сообщении про цвет ссылки
https://help.forum2x2.ru/t29807p30-topic#211987
а прокрутку регулировать найди в скрипте циферку 800, она там одна такая, меняй на свою.
Чем меньше значение тем быстрей прокрутка
Всё нашёл , разобрал и полностью подправил дл форума . ОГРОМНОЕ


Страница 2 из 2 • 1, 2

» Возможно ли сделать ссылку назад картинкой ?
» На картинке сделать ссылку
» Как сделать всплывающую текстовыю подсказку к наградам-картинкам?
» Возможно ли сделать всплывающую рамочку для пунктов в меню навигации ?
» Сделать ссылку.
» На картинке сделать ссылку
» Как сделать всплывающую текстовыю подсказку к наградам-картинкам?
» Возможно ли сделать всплывающую рамочку для пунктов в меню навигации ?
» Сделать ссылку.
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Проблемы со скриптами (кодами) :: [Архив] Проблемы со скриптами
Страница 2 из 2
Права доступа к этому форуму:
Вы не можете отвечать на сообщения