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

Понедельник, 25 Апреля 2011 г. 06:39 + в цитатник

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

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

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

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

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

Метки: полезное

<a href="https://www.liveinternet.ru/users/4141721/post163208878/">Р Р°Р·РЅС‹Рµ СЃС‚РёР»Рё РџСЂРѕРєСЂСѓС‚РєРё РґР»СЏ РїРѕСЃС‚Р°.</a><br/>Р Р°Р·РЅС‹Рµ СЃС‚РёР»Рё РџСЂРѕРєСЂСѓС‚РєРё РґР»СЏ РїРѕСЃС‚Р°.

РџРѕ РїСЂРѕСЃСЊР±Р°Рј РјРѕРёС… РџР§С‘Р»РѕРє РїСЂРѕРґРѕР»Р¶Р°РµРј С‚РµРјСѓ РїСЂРѕРєСЂСѓС‚РѕРє.
РЎСѓС‰РµСЃС‚РІСѓСЋС‚ РІРѕСЃРµРјСЊ Р°С‚СЂРёР±СѓС‚РѕРІ, РєРѕС‚РѕСЂС‹РјРё РјРѕР¶РЅРѕ Р·Р°РґР°РІР°С‚СЊ СЂР°Р·Р»РёС‡РЅС‹Рµ РїР°СЂР°РјРµС‚СЂС‹ РїРѕР»РѕСЃ РїСЂРѕРєСЂСѓС‚РєРё. РќРµ РѕР±СЏР·Р°С‚РµР»СЊРЅРѕ РёСЃРїРѕР»СЊР·РѕРІР°С‚СЊ РѕРґРЅРѕРІСЂРµРјРµРЅРЅРѕ РІСЃРµ Р°С‚СЂРёР±СѓС‚С‹. РЎС‚РёР»Рё РџСЂРѕРєСЂСѓС‚РєРё Р±С‹РІР°СЋС‚ СЂР°Р·РЅС‹Рµ, СЃ С†РІРµС‚РѕРј Рё РїСЂРѕСЃС‚Рѕ РѕР±С‹С‡РЅС‹Рµ СЃРµСЂРµРЅСЊРєРёРµ.
Р•С‰С‘ СЂР°Р· РёР· С‡РµРіРѕ РѕРЅР° СЃРѕСЃС‚РѕРёС‚.
1.scrollbar-face-color-СЌС‚Рѕ С†РІРµС‚ РїРµСЂРµРґРЅРµР№ СЃС‚РѕСЂРѕРЅС‹ РїР°РЅРµР»Рё РїСЂРѕРєСЂСѓС‚РєРё
2.scrollbar-arrow-color-СЌС‚Рѕ С†РІРµС‚ С‚СЂРµСѓРіРѕР»СЊРЅРёРєР° РЅР° РІРµСЂС…РЅРµРј Рё РЅРёР¶РЅРµРј РєРІР°РґСЂР°С‚Р°С….
3.scrollbar-3dlight-color-СЌС‚Рѕ С†РІРµС‚ РѕС‚СЃРІРµС‚Р°.
4.scrollbar-highlight-color-СЌС‚Рѕ С†РІРµС‚ РІРµСЂС…РЅРµР№ Рё Р»РµРІРѕР№ РіСЂР°РЅРµР№ РїР°РЅРµР»Рё РїСЂРѕРє... <a href="https://www.liveinternet.ru/users/4141721/post163208878/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Комментировать

« Пред. запись — К дневнику — След. запись »

Страницы: [1] [Новые]

LiveInternetLiveInternet

-Цитатник

-Метки

-Ссылки

-Новости

-Музыка

-Приложения

-Рубрики

-Резюме

Наталья

-неизвестно

-Подписка по e-mail

-Поиск по дневнику

-неизвестно

-неизвестно

-Друзья

-Постоянные читатели

-Сообщества

-Статистика

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