Прокрутки для поста

Четверг, 25 Ноября 2010 г. 12:28 + в цитатник

Цитата сообщения Милолика_Покровская

Прочитать целиком В свой цитатник или сообщество!

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

По просьбам моих ПЧёлок продолжаем тему прокруток.
Существуют восемь атрибутов, которыми можно задавать различные параметры полос прокрутки. Не обязательно использовать одновременно все атрибуты. Стили Прокрутки бывают разные, с цветом и просто обычные серенькие.
Ещё раз из чего она состоит.
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>

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

Вам нужно будет поменять только коды
ЦВЕТОВ прокрутки
под ваш дизайн дневника.
И изменить РАЗМЕР
прокрутки под ваш текст.
У меня это width:400px; height: 200px
Где написано ВАШ ТЕКСТ -
Пишите свой текст.
Если Вы хотите поместить в прокрутку
только часть своего поста, а не весь пост,
то Вам нужно использовать вот эти тэги .
Всё что находится между ними будет в
прокрутке, что до них или после них в
прокрутку входить не будет.

КОД этой прокрутки.
.

<div style="overflow:auto; position: relative; left: 30px; top: 0px; width:400px; height: 200px; scrollbar-face-color: #000000; padding-bottom: 0px; margin: 0px; scrollbar-highlight-color: #DDCC12; scrollbar-shadow-color: #e5f2f8; scrollbar-3dlight-color: #FFFFFF; scrollbar-arrow-color: #FFFFFF; padding-top: 0px; scrollbar-darkshadow-color: #FFFFFF;">ВАШ текст</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>

Милолика Покровская

Рубрики:

=БЛОГЕРАМ В ПОМОЩЬ=/Коды