Отправлено: 24.11.07 16:11. Заголовок: Полоса прокрутки (бегунок / ползунок / скролл-бар)

Коды полосы прокрутки дописываем в верх, между <STYLE> и </STYLE>.*

Простую полосу прокрутки с одним цветом сделать элементарно:


body{scrollbar-base-color: код цвета;}

---

Многоцветная полоса прокрутки:


body{scrollbar-face-color:код цвета; scrollbar-highlight-color:код цвета; scrollbar-shadow-color:код цвета; scrollbar-3dlight-color:код цвета; scrollbar-arrow-color:код цвета; scrollbar-track-color:код цвета; scrollbar-darkshadow-color:код цвета;}

где:

scrollbar-face-color - цвет верхней поверхности бегунка и пространства вокруг верхней и нижней стрелки
scrollbar-highlight-color - цвет верхней и левой боковой поверхности стрелок и бегунка ближе к, соответственно, стрелкам и бегунку
scrollbar-shadow-color - цвет нижней и правой боковой поверхности стрелок и бегунка ближе к, соответственно, стрелкам и бегунку
scrollbar-3dlight-color - цвет верхней и левой боковой поверхности стрелок и бегунка дальше от, соответственно, стрелок и бегунка
scrollbar-arrow-color - цвет самих стрелок
scrollbar-track-color - цвет дорожки, по которой перемещается бегунок
scrollbar-darkshadow-color - цвет нижней и правой боковой поверхности стрелок и бегунка дальше от, соответственно, стрелок и бегунка

--------------------------------------------------------
* - если ваш форум открыт до октября 2007 года и в его хтмл-верху отдельно прописано BODY, можно вставить коды прямиком туда.

Можно дописать код просто в конец верха, но тогда запись будет выглядеть так <style>body{...}</style>

Эффект от полосы прокрутки виден только в ИЭ и Опере.

 Отправлено: 24.11.07 16:13. Заголовок: McNamara пишет 20.11..

McNamara пишет 20.11.07 15:42:

цитата:

Здравствуйте! Подскажите пожалуйста, как изменить цвет бокового бегунка, то бишь вертикальной полосы прокрутки? Тог, который у Вас голубенький. Очень нужно.

Ответ вроде дала. Хотя есть ещё пара способов.

 Отправлено: 25.11.07 19:10. Заголовок: Ну наконец-то я попа..

Оффтоп: Ну наконец-то я попал из одного параллельного мира в другой!

Ласка
Большое-большое-очень большое спасибо! Вы меня очень выручили.

 Отправлено: 27.11.07 16:24. Заголовок: McNamara да пожалуйс..

McNamara да пожалуйста!

 Отправлено: 29.02.08 07:59. Заголовок: Здравствуйте. А скаж..

Здравствуйте.
А скажите, пожалуйста, как сделать полосу покурутки в верзней таблице форума, как у вас.

 Отправлено: 01.03.08 00:56. Заголовок: Shinota пишет: как ..

Shinota пишет:

цитата:

как сделать полосу покурутки в верзней таблице форума, как у вас.

Эээ...? Где она у нас говорите?

 Отправлено: 01.03.08 05:05. Заголовок: Ласка В таблице, гд..

Ласка
В таблице, где пандочка, над ней по идее должна быть. Иле еще вот на этом форуме можно посмотреть
http://heroesrole.forum24.ru/

 Отправлено: 02.03.08 00:34. Заголовок: Shinota это, как ока..

Shinota это, как оказалось, разные способы задавания прокручивающейся таблицы.

У них - div:

<div style="position:relative;left:150px;top:100px;width:150px;height:200px;overflow:auto;">
<font face="Verdana" size="-3" color="#000000">
<b>Время и дата:</b><br>
писанина времени и даты<br><br>
<b>Погода:</b><br>
писанина погоды<br><br>
<b>События:</b><br>
писанина событий<br><br>
<b>От администрации:</b><br>
писанина от админов</font></div>

---

У нас - textarea (плюс в том, что в ней действует простой перенос Энтером, а не <br>):

<center>
<textarea style="font-size:13px; font-family:Times New Roman; border:1px dotted #699ADB; width:700px; height:120px; background:#E3EFFF; color:#000000; font-style:normal;" readonly name="n">

писанина

</textarea>
</center>


Выделенное цветом заменить на свое, нужное.

 Отправлено: 02.03.08 05:49. Заголовок: Ласка спасибо больш..

Ласка
спасибо большое))