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

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

Прокрутка страниц Fdf10
С нашей помощью вы можете создать форум,
похожий на этот!
Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

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

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

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

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

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

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

Я админ, не могу зайти!
(забыл / потерял пароль)


Общий FAQ по управлению форумом

FAQ: реклама на форуме

Туториалы по разным функциям ваших форумов

Алфавитный указатель

Интересные решения для форумов

Наши видео-туториалы

Условия пользования сервисом

Ссылки на полезные ресурсы

Последние темы
» совет админам
автор лексей2222 Июль 14th 2024, 09:47

» На форуме Пропали кнопки модерации тем
автор лексей2222 Июль 1st 2024, 20:26

» Проблема с метатегом Description
автор VeraLV Июнь 14th 2024, 17:06

» [решено] Исчезли картинки кнопок
автор VeraLV Май 26th 2024, 13:04

» Как убрать подпись о редактировании записи
автор Фея Май 9th 2024, 21:11

» Пакеты Forum 2x2
автор Dana Domirani Май 6th 2024, 14:11

» Как поменять вид нумерации страниц тем?
автор 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

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

Участников: 4

Перейти вниз

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

Сообщение автор bezgusey Февраль 28th 2013, 03:34

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

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

пример:
Прокрутка страниц 20130228022650

вставить png
например вот так:
Прокрутка страниц 20130228023350
bezgusey
bezgusey
 

Мужчина

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

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

http://bezgusey.2x2forum.ru/

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

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

Сообщение автор Леший Февраль 28th 2013, 15:43

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

Мужчина

Сообщения : 2143
Регистрация : 2012-10-05
Благодарности : 349

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

http://black-kat.forum2x2.ru

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

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

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

bezgusey пишет:Всем привет.Подскажите плиз,я делал прокрутку страниц по вот этому туториалу https://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>
Сказочник Зазеркалья
Сказочник Зазеркалья
 

Мужчина

Сообщения : 3710
Возраст : 32
Регистрация : 2012-11-16
Благодарности : 733

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

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

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

Сообщение автор bezgusey Февраль 28th 2013, 17:39

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

Мужчина

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

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

http://bezgusey.2x2forum.ru/

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

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

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

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

Мужчина

Сообщения : 3710
Возраст : 32
Регистрация : 2012-11-16
Благодарности : 733

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

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

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

Сообщение автор Домовой Март 1st 2013, 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;
}

Домовой
Домовой
 

Мужчина

Сообщения : 6801
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243

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

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

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

Сообщение автор bezgusey Март 1st 2013, 16:57

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

Мужчина

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

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

http://bezgusey.2x2forum.ru/

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

Вернуться к началу

- Похожие темы

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