info navigation

phpbb-belk.ru

темы, связанные с форумом phpbb 3.0.x



Новая тема  [ 1 сообщение ]  Просмотры: 608

Автор Сообщение
Не в сети
(Андрей)  
Администратор
Аватара пользователя

Стаж: 8 лет 6 месяцев 26 дней
Сообщения: 1223
Откуда: здешние мы


Стиль: subsilver2


Репутация: 11


Russia

Тиц и PR

перейти на сайт пользователя
Найти темы пользователя


Изменение внешнего вида полоски скроллинга

пояснение:
стандартный вывод такого скроллинга будет такой

Сравнительно редко
на аниме-небосклоне
появляются произведения,
которые, так или иначе,
пропагандируют что-либо.
"Женская эскадрилья чистого неба"
как раз то самое сравнительно редкое аниме,
в основу которого заложена небольшая,
можно даже сказать крошечная,
но все-таки пропаганда,
стремление показать молодежи
бравых японских летчиков и летчиц.


после небольшой модернизации внешний вид скроллинга будет такой:

Сравнительно редко
на аниме-небосклоне
появляются произведения,
которые, так или иначе,
пропагандируют что-либо.
"Женская эскадрилья чистого неба"
как раз то самое сравнительно редкое аниме,
в основу которого заложена небольшая,
можно даже сказать крошечная,
но все-таки пропаганда,
стремление показать молодежи
бравых японских летчиков и летчиц.



Временами хочется "украсить" сайт и вот я наткнулся на эту переделку... :-D

может кому тоже пригодиться...

код такого вида, как здесь получился:

Код: Выделить всё

<style>
.modern::-webkit-scrollbar-button {background-image:url('');background-repeat:no-repeat;width:5px;height:0px}
.modern::-webkit-scrollbar-track {background-color:#F0FFFF}
.modern::-webkit-scrollbar-thumb {-webkit-border-radius: 5px;border-radius: 5px;background-color:#6dc0c8;}
.modern::-webkit-scrollbar-thumb:hover{background-color:#56999f;}
.modern::-webkit-resizer{background-image:url('');background-repeat:no-repeat;width:4px;height:0px}
.modern::-webkit-scrollbar{width: 6px;}
</style>
<div style="width:200px;height:100px;overflow-y:scroll;margin-left:100px;" class="modern">
Сравнительно редко<br>
на аниме-небосклоне<br> 
появляются произведения,<br>
которые, так или иначе,<br> 
пропагандируют что-либо. <br>
"Женская эскадрилья чистого неба"<br> 
как раз то самое сравнительно редкое аниме, <br>
в основу которого заложена небольшая, <br>
можно даже сказать крошечная,<br> 
но все-таки пропаганда, <br>
стремление показать молодежи<br> 
бравых японских летчиков и летчиц.<br>
</div>


то есть к тексту просто добавляется внешняя обработка

Код: Выделить всё

<style>
.modern::-webkit-scrollbar-button {background-image:url('');background-repeat:no-repeat;width:5px;height:0px}
.modern::-webkit-scrollbar-track {background-color:#F0FFFF}
.modern::-webkit-scrollbar-thumb {-webkit-border-radius: 5px;border-radius: 5px;background-color:#6dc0c8;}
.modern::-webkit-scrollbar-thumb:hover{background-color:#56999f;}
.modern::-webkit-resizer{background-image:url('');background-repeat:no-repeat;width:4px;height:0px}
.modern::-webkit-scrollbar{width: 6px;}
</style>


где

Код: Выделить всё

.modern::-webkit-scrollbar-track {background-color:#F0FFFF} - цвет полоски


Код: Выделить всё

.modern::-webkit-scrollbar-thumb {-webkit-border-radius: 5px;border-radius: 5px;background-color:#6dc0c8;} - внешний вид (закругление) и цвет ползунка


Код: Выделить всё

.modern::-webkit-scrollbar-thumb:hover{background-color:#56999f;} - ползунок при наведении


Код: Выделить всё

.modern::-webkit-scrollbar{width: 6px;} - ширина полоски


хотите узнать больше - почитайте у автора: перейти


трёхголовый белк семейства рептилоидов:
"три головы - хорошо, на как же трудно придти к согласию..."
скроллинг,внешний вид,изменение,цвет
Показать сообщения за:  Поле сортировки  
Ответить на тему  [ 1 сообщение ] 

Кто сейчас на сайте:

Всего посетителей: 0, из них зарегистрированных: 0, скрытых: 0 и гостей: 0 (основано на активности пользователей за последние 5 минут)
Больше всего посетителей (122) здесь было 19 дек 2023, 12:10

Сейчас этот раздел просматривают: нет зарегистрированных пользователей и гости: 0

Часовой пояс: UTC + 2 часа



Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете добавлять вложения
Вы можете защищать свои темы паролем

Найти:
Перейти:  




cron

Текущее время: 18 апр 2024, 02:54

Создано на основе phpBB® Forum Software © phpBB Group
Яндекс.Метрика

Полная версия Мобильный вид