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

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


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

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



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

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


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

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

Настройка цвета и формы скролла

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

Настройка цвета и формы скролла

Сообщение автор Сказочник Зазеркалья в Пн 4 Фев - 17:16

Всем приветик  girl_yes
Многие сталкиваются с такой проблемой, как прокрутка, которую сложно вписать в дизайн форума. Конечно, есть скрипт кнопка вверх и вниз, но есть и много других методов, которые могут улучшить ваш форум. Полоса прокрутки которая находиться с правой стороны, может быть изменена лёгким и простым кодом.

Оригинал кода находится здесь: http://htmlbook.ru/blog/polzovatelskie-skrollbary-v-webkit
Там все очень подробно и доходчиво объясняется. Если вам нужны какие-тоособенные настройки, обязательно прочитайте ту статью и разберитесь в ней самостоятельно.

Я расскажу о самых простых настройках.

Код для CSS:
Код:
/*Estne volumen vectem*/

::-webkit-scrollbar
{background-image:url('http://i12.servimg.com/u/f12/17/68/35/94/dnddnn10.jpg');
  height:10px;
  width:10px}

::-webkit-scrollbar-thumb
{background-image:url('http://i12.servimg.com/u/f12/17/68/35/94/vote_l10.gif');
  border-radius:30px}
Если вы захотите изменить его под свой дизайн, то это легко. Просто замените изображения и размеры полосы в скрипте.

/*Estne volumen vectem*/

::-webkit-scrollbar
{background-image:url('http://i12.servimg.com/u/f12/17/68/35/94/dnddnn10.jpg'); - Изображение полосы прокрутки.
  height:10px; - Высота полосы.
 width:10px} - Толщина полосы.

::-webkit-scrollbar-thumb
{background-image:url('http://i12.servimg.com/u/f12/17/68/35/94/vote_l10.gif'); - Изображение фона.
 border-radius:30px} - Настройка закругления полосы прокрутки. 1px - избавит от закругления.
Скрипт работает только в браузере Хром. Другие браузеры его не понимают.

С уважением от L'Arcangelo Michelle rose


Последний раз редактировалось: Кардинал Мишель Картер (Пн 4 Фев - 17:26), всего редактировалось 1 раз(а)

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

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

http://help.forum2x2.ru

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

Re: Настройка цвета и формы скролла

Сообщение автор Домовой в Пн 4 Фев - 17:20

Вы забыли написать что этот код исключительно для браузера Хром.

Домовой
 
 

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

http://udomovogo.rusff.ru

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

Re: Настройка цвета и формы скролла

Сообщение автор Сказочник Зазеркалья в Пн 4 Фев - 17:25

Домовой спасибо что подсказали, просто забыла что только один браузер понимает этот код girl_yes

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

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

http://help.forum2x2.ru

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

Re: Настройка цвета и формы скролла

Сообщение автор Vector в Пт 15 Мар - 9:34

Раз для остальных браузеров кода не подходит, тогда уберу, все равно в хроме бельмо это висит.

Vector
 
 

Пол : Мужчина
Сообщения : 485
Возраст : 20
Место обитания : Тольятти.
Настроение : Ну... Так-то не скучаю, с вами-то поскучаешь:D
Карма : Без предупреждений
Благодарности : 108
Регистрация : 2012-11-03

http://minions.forumy.tv/

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

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


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