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

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


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

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

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


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

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

Прокрутка страниц

Предыдущая тема Следующая тема Перейти вниз

Прокрутка страниц

Сообщение автор bezgusey в Чт 28 Фев - 3:34

Всем привет.Подскажите плиз,я делал прокрутку страниц по вот этому туториалу http://help.forum2x2.ru/t29690-topic

а можно вместо полосы из допустим синего цвета

пример:


вставить png
например вот так:

bezgusey
 

Мужчина

Сообщения : 310
Возраст : 28
Настроение : отличное!
Регистрация : 2012-12-21
Благодарности : 7

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

http://bezgusey.2x2forum.ru/

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

Re: Прокрутка страниц

Сообщение автор Леший в Чт 28 Фев - 15:43

Конечно можно . Покажи код , там просто цвет сменить надо . Если конечно не одним скриптом эта кнопка

Леший
 

Мужчина

Сообщения : 2125
Место обитания : Сибирь
Настроение : Мрачное
Регистрация : 2012-10-05
Благодарности : 345

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

http://black-kat.forum2x2.ru

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

Re: Прокрутка страниц

Сообщение автор Сказочник Зазеркалья в Чт 28 Фев - 16:12

@bezgusey пишет:Всем привет.Подскажите плиз,я делал прокрутку страниц по вот этому туториалу http://help.forum2x2.ru/t29690-topic

а можно вместо полосы из допустим синего цвета

пример:

вставить png
например вот так:

В скрипте замените цвет, отмеченный красным, на нужный вам код цвета. girl_yes

<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>

Сказочник Зазеркалья
Дизайнер
Дизайнер

Мужчина

Сообщения : 3547
Возраст : 25
Место обитания : Морг.
Регистрация : 2012-11-16
Благодарности : 687

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

http://help.forum2x2.ru

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

Re: Прокрутка страниц

Сообщение автор bezgusey в Чт 28 Фев - 17:39

Спасибо конечно ,но это не то!!Как цвет изменить я знаю .Мне нужно добавить прозрачность,ну еще лучше чтобы png изображение вставить

bezgusey
 

Мужчина

Сообщения : 310
Возраст : 28
Настроение : отличное!
Регистрация : 2012-12-21
Благодарности : 7

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

http://bezgusey.2x2forum.ru/

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

Re: Прокрутка страниц

Сообщение автор Сказочник Зазеркалья в Чт 28 Фев - 17:48

@bezgusey пишет:Спасибо конечно ,но это не то!!Как цвет изменить я знаю .Мне нужно добавить прозрачность,ну еще лучше чтобы png изображение вставить
Не знаю как туда png картинку вставить, но если вам нужен прозрачный фон этой прокрутки, тогда удалите выделенный красным цветом код, и проверьте. Я именно так убрала цвет у этой полосы прокрутки. girl_yes

Сказочник Зазеркалья
Дизайнер
Дизайнер

Мужчина

Сообщения : 3547
Возраст : 25
Место обитания : Морг.
Регистрация : 2012-11-16
Благодарности : 687

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

http://help.forum2x2.ru

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

Re: Прокрутка страниц

Сообщение автор Домовой в Пт 1 Мар - 13:10

Вот поставьте этот скрипт
<script type="text/javascript">
jQuery(document).ready(function() {

// Виджет кнопки вверх (Test-Templates)
// Версия 1.0

jQuery('body').append('<div class="button-up" style="display: none;opacity: 0.7;width: 80px;height:100%;position: fixed;left: 0px;top: 0px;cursor: pointer;text-align: center;line-height: 30px;color: #d3dbe4;font-weight: bold;">▲ Вверх</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':'0.7',
}).css({'background-color':'#000','color':'#6a86a4'});
}, function(){
jQuery(this).animate({
'opacity':'0.7'
}).css({'background':'none','color':'#d3dbe4'});;
});

});
</script>
красным выделен цвет фона
зелёным выделена строчка которая отвечает за прозрачность.
Прозрачность меняется изменением числового значения от 1- полная не прозрачность до 0.1-максимальная прозрачность
Меняйте значение на ваш вкус.
Чем меньше значение тем больше прозрачность фона.

Если всё же вам так хочется фоновой картинкой то добавьте в CSS
Код:
.button-up:hover{
background-image:url(ссылка на фон)!important;
}


Домовой
 

Мужчина

Сообщения : 6805
Возраст : 93
Место обитания : :яинатибо отсеМ
Регистрация : 2010-01-30
Благодарности : 3216

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

http://udomovogo.rusff.ru

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

Re: Прокрутка страниц

Сообщение автор bezgusey в Пт 1 Мар - 16:57

спс огромное!!Решено

bezgusey
 

Мужчина

Сообщения : 310
Возраст : 28
Настроение : отличное!
Регистрация : 2012-12-21
Благодарности : 7

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

http://bezgusey.2x2forum.ru/

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

Предыдущая тема Следующая тема Вернуться к началу


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