Мобильный LiveInternet Прокрутки текста для поста.

Авторизация

Дневник Livven Лента друзей - Дневник - Полная версия

Прокрутки текста для поста. 16-10-2010 20:34 к комментариям - к полной версии - понравилось!

Это цитата сообщения Милолика_Покровская Оригинальное сообщение

[499x125]

По просьбам моих ПЧёлок продолжаем тему прокруток.
Существуют восемь атрибутов, которыми можно задавать различные параметры полос прокрутки. Не обязательно использовать одновременно все атрибуты. Стили Прокрутки бывают разные, с цветом и просто обычные серенькие.
Ещё раз из чего она состоит.
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: 150px; margin-top: 0px;  margin-left: 0px; text-align: center; overflow: auto"><font  size="4" color="#000000" face="Aero Font One"> ВАШ ТЕКСТ  </font></div>

Вот например такая яркая прокруточка.Кому нравится код под ней.

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

 <pre> Ваш текст </pre>

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

 <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>

вверх^ к полной версии понравилось! в evernote

Вы сейчас не можете прокомментировать это сообщение.

Дневник Прокрутки текста для поста. | Livven - Livven | Лента друзей Livven / Полная версия Добавить в друзья Страницы: раньше»