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

Суббота, 21 Декабря 2013 г. 13:17 + в цитатник

Цитата сообщения SvetlanaT

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

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

Источник

Нашла для Вас Надежда

Серия сообщений "Всё о Ли.ру":
Часть 1 - Всё под рукой
Часть 2 - Оформление дневника
...
Часть 8 - Таблица безопасных цветов
Часть 9 - Стили написания текста.
Часть 10 - Прокрутки для поста.
Часть 11 - Оформление дневника для начинающих и не только...
Часть 12 - 10 полезных ссылок на Лиру
...
Часть 14 - Премьера Песни - наш ответ Valez на ремонт LiveInternet
Часть 15 - Копируем дневник ли.ру на копьютер полностью!
Часть 16 - "не пудри мозги доверчивым людям" (с) из коммента

Метки: шпаргалки

<a href="https://www.liveinternet.ru/users/4985921/post304372670/">РџСЂРѕРєСЂСѓС‚РєРё РґР»СЏ РїРѕСЃС‚Р°.</a><br/>РџСЂРѕРєСЂСѓС‚РєРё РґР»СЏ РїРѕСЃС‚Р°.

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

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

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

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

LiveInternetLiveInternet

-Цитатник

-Рубрики

-Новости

-Ссылки

-Музыка

-Приложения

-Всегда под рукой

-Статистика

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