Прокручиваем текст в посте. Коды стилей прокрутки текста.

Разные стили Прокрутки для поста.

По просьбам моих ПЧёлок немного про прокрутки.
Существуют восемь атрибутов, которыми можно задавать различные параметры полос прокрутки. Не обязательно использовать одновременно все атрибуты. Стили Прокрутки бывают разные, с цветом и просто обычные серенькие.
Ещё раз из чего она состоит.
1.scrollbar-face-color-это цвет передней стороны панели прокрутки
2.scrollbar-arrow-color-это цвет треугольника на верхнем и нижнем квадратах.
3.scrollbar-3dlight-color-это цвет отсвета.
4.scrollbar-highlight-color-это цвет верхней и левой граней панели прокрутки.
5.scrollbar-shadow-color-это цвет нижней и правой граней панели прокрутки.
6.scrollbar-darkshadow-color-это нижний отсвет прокрутки.
7.scrollbar-track-color-это цвет полосы, по которой "ходит" панель прокрутки.
8. #FFFFFF ;#A21F0E-это коды цвета, которые можно менять.

---

Вот вариант самой ОБЫЧНОЙ ПРОКРУТКИ.
Там где написано ВАШ ТЕКСТ
-Пишим свой текст.
Нужно только поменять РАЗМЕР
прокрутки в высоту под текст.height: 150px
Это в моём случае.Вам нужно поставить свой.

КОД ОБЫЧНОЙ ПРОКРУТКИ.<div style="width: 100%; height: 100px; margin-top: 0px; margin-left: 0px; text-align: center; overflow: auto"><font size="4" color="#000000" face="Aero Font One"><br /><br /> ВАШ ТЕКСТ </font></div>

---

ПРОКРУТКА ЦВЕТНАЯ.
Вот например такая яркая прокруточка.Кому нравится код под ней.

Вам нужно будет поменять только код ЦВЕТА
прокрутки под ваш дизайн дневника.
Взять коды различных цветов можно ЗДЕСЬ.
Меняете ЦВЕТ ПРОКРУТКИ.
...arrow-color:#99FF99...-Цвет треугольничков
на верхнем и нижнем квадрате прокрутки
...scrollbar-base-color: #9900CC...-Базовый Цвет прокрутки
И изменить РАЗМЕР прокрутки под ваш текст.
Находим вот такой тег:...position: width:99%;height:218px...
Меняете только цифру на нужную вам.
Можно поменять с какой стороны у вас будет стоять текст.
Находите тег...text-align:left;...- У меня слева.
А если вместо...left... поставите ...right...-И текст будет справа.
Где написано ВАШ ТЕКСТ -
Пишите свой текст.
Можно ещё поэкспериментировать добавляя в код разные стили прокрутки.

КОД этой прокрутки.
<div style="overflow:auto;scrollbar-arrow-color:#CC6600;scrollbar-base-color: #C71585; position: width:99%;height:218px;top:5px;text-align:left;text-indent:5pt">ВАШ ТЕКСТ</div>

---

Прокрутка в рамочке.

Можно сделать прокрутку как рамку, с красивой картинкой или клипартом.Например вот так. Код такой прокрутки найдёте чуть ниже. Там где написано КАРТИНКА - Вставляйте свою картинку. Если через Радикал фото,то берёте код под №1 Не забудьте поменять размеры картинки на свои.У меня это... width="510" height="690" Там где написано ВАШ ТЕКСТ- Пишите свой текст. Там где написано ВАШ НИК- Вставляйте ссылочку на свой блог. Или просто пишите свой Ник. Тэги text-align:center- это где будет находится ваш текст. center-это по Центру. left -СЛЕВА right -СПРАВА. В моём случае текст по центру.

КОД с ПРОКРУТКОЙ и КАРТИНКОЙ.<table border="0" cellspacing="9" cellpadding="1" width="510" height="690" background="КАРТИНКА"><tbody><tr><td><br /><br /><br /><br /><div align="center"> <div style="left: 0px; overflow: auto; width: 400px; text-indent: 5pt; scrollbar-arrow-color: #ffffff; scrollbar-base-color: #000000; top: 2px; height: 300px; text-align: center"><font size="4"><font face="mistral"><font color="#ffd700"><br /><br /> ВАШ ТЕКСТ... <br /><center>ВАШ НИК</center></font></font></font></div></div></td></tr></tbody></table> SvetlanaT