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

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


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

Мы в социальных сетях



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

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


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

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

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

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

Решено Прокрутка страниц

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

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

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

пример:


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

bezgusey
 
 

Пол : Мужчина
Сообщения : 311
Возраст : 28
Настроение : отличное!
Карма : Без предупреждений
Благодарности : 7
Регистрация : 2012-12-21

http://bezgusey.2x2forum.ru/

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

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

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

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

Леший
 
 

Пол : Мужчина
Сообщения : 2121
Место обитания : Сибирь
Настроение : Мрачное
Карма : Без предупреждений
Благодарности : 345
Регистрация : 2012-10-05

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>

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

Пол : Мужчина
Сообщения : 3672
Возраст : 25
Место обитания : Морг.
Карма : Без предупреждений
Благодарности : 687
Регистрация : 2012-11-16

http://help.forum2x2.ru

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

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

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

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

bezgusey
 
 

Пол : Мужчина
Сообщения : 311
Возраст : 28
Настроение : отличное!
Карма : Без предупреждений
Благодарности : 7
Регистрация : 2012-12-21

http://bezgusey.2x2forum.ru/

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

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

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

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

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

Пол : Мужчина
Сообщения : 3672
Возраст : 25
Место обитания : Морг.
Карма : Без предупреждений
Благодарности : 687
Регистрация : 2012-11-16

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


Домовой
 
 

Пол : Мужчина
Сообщения : 6976
Возраст : 92
Место обитания : :яинатибо отсеМ
Карма : Без предупреждений
Благодарности : 3216
Регистрация : 2010-01-30

http://udomovogo.rusff.ru

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

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

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

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

bezgusey
 
 

Пол : Мужчина
Сообщения : 311
Возраст : 28
Настроение : отличное!
Карма : Без предупреждений
Благодарности : 7
Регистрация : 2012-12-21

http://bezgusey.2x2forum.ru/

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

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


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