Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Как поменять вид нумерации страниц тем?автор Goodmonday Апрель 18th 2024, 21:04
» Форум не корректно загружается.
автор anna4842 Апрель 12th 2024, 23:48
» Не корректное отображение картинок
автор Красноперова О.А. Апрель 12th 2024, 15:49
» Ошибка на форуме: Could not obtain topic posts informations
автор fatalone Апрель 9th 2024, 13:43
» Переход с 2x2forum.ru на 2x2forum.com
автор Luz Март 28th 2024, 12:13
» Проблема с метатегом Description
автор VeraLV Март 18th 2024, 15:31
» 1 марта будет запрет на ВПН, это отразится на работе платформы?
автор Svet007 Март 14th 2024, 11:43
» нужен скрипт сумма просмотров тем в разделе
автор лексей2222 Март 5th 2024, 07:37
» Новое: Откройте для себя функцию "Подписка на пользователей"
автор лексей2222 Март 1st 2024, 17:26
» 301 редирект
автор Dana Domirani Февраль 25th 2024, 18:28
Как сделать всплывающую ссылку "назад" как в ВК ?
Участников: 3
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Проблемы со скриптами (кодами) :: [Архив] Проблемы со скриптами
Страница 2 из 2
Страница 2 из 2 • 1, 2
Как сделать всплывающую ссылку "назад" как в ВК ?
Первое сообщение в теме :
Всем приветик
Пожалуйста помогите с одной проблемой
Возможно ли сделать одну штучку как на сайте В контакте ?
Вот эта функция:
Хотелось бы сделать такое,чтобы эта штучка была сбоку и появлялась всегда,когда юзер или гость переходят с главной допустим в категорию
В одной из тем уважаемый Домовой поделился скриптом,который позволяет делать всплывающую ссылку"Наверх"
Теперь думаю может можно и такое сделать
Пожалуйста помогите
Всем приветик
Пожалуйста помогите с одной проблемой
Возможно ли сделать одну штучку как на сайте В контакте ?
Вот эта функция:
Хотелось бы сделать такое,чтобы эта штучка была сбоку и появлялась всегда,когда юзер или гость переходят с главной допустим в категорию
В одной из тем уважаемый Домовой поделился скриптом,который позволяет делать всплывающую ссылку"Наверх"
Теперь думаю может можно и такое сделать
Пожалуйста помогите
Последний раз редактировалось: Кардинал Мишель Картер (Январь 4th 2013, 21:40), всего редактировалось 1 раз(а)
Сказочник Зазеркалья-
-
Сообщения : 3710
Возраст : 32
Регистрация : 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
Возраст : 100
Регистрация : 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
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243
Re: Как сделать всплывающую ссылку "назад" как в ВК ?
Домовой пишет:Леший пишет:Вот как прозрачность меняется полосы ??
найди в скрипте 'opacity':'1', и замени к примеру на 'opacity':'0.7',
Да я менял , от 0 до 5 и в обратную сторону Глюк какойто
Re: Как сделать всплывающую ссылку "назад" как в ВК ?
от 0 до 5
я же сказал как надо.
Не прозрачный это 1
Самый прозрачный это 0.1
Домовой-
-
Сообщения : 6801
Возраст : 100
Регистрация : 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
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243
Re: Как сделать всплывающую ссылку "назад" как в ВК ?
ВОТ ГАДСТВО ))) Пить бросаю Домовой Будешь свидетелем , что я это сказал
Домовой-
-
Сообщения : 6801
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243
Re: Как сделать всплывающую ссылку "назад" как в ВК ?
А как ещё ))) Теперь цвет текста и скорость прокрутки ищу в коде .
Re: Как сделать всплывающую ссылку "назад" как в ВК ?
я же указал в этом сообщении про цвет ссылки
https://help.forum2x2.ru/t29807p30-topic#211987
а прокрутку регулировать найди в скрипте циферку 800, она там одна такая, меняй на свою.
Чем меньше значение тем быстрей прокрутка
https://help.forum2x2.ru/t29807p30-topic#211987
а прокрутку регулировать найди в скрипте циферку 800, она там одна такая, меняй на свою.
Чем меньше значение тем быстрей прокрутка
Домовой-
-
Сообщения : 6801
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243
Re: Как сделать всплывающую ссылку "назад" как в ВК ?
Домовой пишет:я же указал в этом сообщении про цвет ссылки
https://help.forum2x2.ru/t29807p30-topic#211987
а прокрутку регулировать найди в скрипте циферку 800, она там одна такая, меняй на свою.
Чем меньше значение тем быстрей прокрутка
Всё нашёл , разобрал и полностью подправил дл форума . ОГРОМНОЕ Не знаю что нашло сегодня на меня , нефига не вижу
Страница 2 из 2 • 1, 2
Похожие темы
» Возможно ли сделать ссылку назад картинкой ?
» На картинке сделать ссылку
» Как сделать всплывающую текстовыю подсказку к наградам-картинкам?
» Возможно ли сделать всплывающую рамочку для пунктов в меню навигации ?
» Сделать ссылку.
» На картинке сделать ссылку
» Как сделать всплывающую текстовыю подсказку к наградам-картинкам?
» Возможно ли сделать всплывающую рамочку для пунктов в меню навигации ?
» Сделать ссылку.
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Проблемы со скриптами (кодами) :: [Архив] Проблемы со скриптами
Страница 2 из 2
Права доступа к этому форуму:
Вы не можете отвечать на сообщения