Как вставить ПРОКРУТКУ в пост.

Если Вы хотите добавить в свой пост много текста.Есть один вариант как это сделать, чтобы пост не занимал много места и его не нужно было убирать под КАТ.
Например как у меня в данном случае.Нужно просто вставить в пост прокрутку.

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

Чуть ниже можно скопировать код ПОСТА С ПРОКРУТКОЙ,
который Вы потом будете вставлять в свой пост.
В коде где написано. КОД КАРТИНКИ.
Загружаете картинку через Радикал фото.Код берёте под №1.
Меняете только размеры картинки width="480" height="280"
Если вставляете через Лиру тогда вам нужна только та часть кода,
что находится внутри кавычек.


Дальше! Там где написано РАЗМЕР ПРОКРУТКИ.
Меняем эту надпись на цифры размера КАРТИНКИ.
В моём случае height="280".
Тоесть вместо слов РАЗМЕР ПРОКРУТКИ я ставлю"280"
Это нужно для того чтобы прокрутка не вылезала за размеры картинки или не была меньше её.Хотя размер прокрутки можете делать любой.Так просто красивее.

Идём дальше.Где написано ФОН ДЛЯ ТЕКСТА.
можно поставить фон.
Так же через радикал фото код под №1.
Или через Лиру так же как мы вставляли код картинки.
В моём случае я не стала добавлять Фон для текста.

И самое основное.
Где написано ВАШ ТЕКСТ.
Пишите свой текст.
Но ПРОКРУТКА начинает появлятся тогда,когда написано много текста.
Вот и всё удачи вам в оформлении.

Код ПОСТ С ПРОКРУТКОЙ.<img data-cke-saved-src="КОД КАРТИНКИ" src="КОД КАРТИНКИ" width="480" height="280" align="left" /><div style="overflow:auto;scrollbar-arrow-color:#000000;scrollbar-base-color: #228B22; position: width:99%;height:РАЗМЕР ПРОКРУТКИpx;background-image:url(' ФОН ДЛЯ ТЕКСТА ');top:5px;text-align:left;text-indent:5pt"> ВАШ ТЕКСТ </div>

Серия сообщений "Разное":
Часть 1 - Коды оформления блога
Часть 2 - Как вставить ПРОКРУТКУ в пост
Часть 3 - Делаем баннер
Часть 4 - Ассорти новогодних ссылок
...
Часть 12 - Украшалки и блинги»
Часть 13 - [ Анимация, РixelArt: лето, разное ]
Часть 14 - Красивые кнопочки-переходы осенние+код!

УЧИМСЯ ДЕЛАТЬ РАМКУ В ШЕСТЬ СЛОЕВ.

Рамочку в два слоя мы научились делать ЗДЕСЬ
Рамочку в три слоя - ЗДЕСЬ
А в четыре слоя - вот ЗДЕСЬ

Чтобы сделать рамку, которую вы видите, - рамку в 6 слоев, вам достаточно скопировать формулу в окошке под рамкой.

Здесь будет ваш текст. Лорик

ФОРМУЛА РАМКИ

Формула состоит из тегов.
Рассмотрим, что обозначают основные теги.

Серия сообщений "Делаем рамки":

Часть 1 - Рамочка с бегущими огоньками
Часть 2 - Делаем рамки - серия уроков ФШ
...
Часть 15 - ОТВЕТ ОППОНЕНТУ...))
Часть 16 - Учимся делать рамку в три слоя
Часть 17 - ДЕЛАЕМ РАМКУ В ШЕСТЬ СЛОЕВ
Часть 18 - ДЕЛАЕМ РАМКУ В ВОСЕМЬ СЛОЕВ
Часть 19 - Как вставить ПРОКРУТКУ в пост
...
Часть 30 - Делаем разрезную рамку в ФШ
Часть 31 - Коды для Мейла и ЛиРу
Часть 32 - ФОРМУЛЫ РАМОЧЕК ДЛЯ МЕЙЛА

УЧИМСЯ ДЕЛАТЬ РАМКУ В ТРИ СЛОЯ

Рамку в два слоя мы уже научились делать ЗДЕСЬ.
Чтобы сделать рамку, которую вы видите, - рамку в 3 слоя, вам достаточно скопировать формулу в окошке под рамкой.

Здесь будет ваш текст Лорик

Формула состоит из тегов.
Рассмотрим, что обозначают основные теги.

Читать далее

Серия сообщений "Делаем рамки":

Часть 1 - Рамочка с бегущими огоньками
Часть 2 - Делаем рамки - серия уроков ФШ
...
Часть 14 - ДЕЛАЕМ РАМКУ В ЧЕТЫРЕ СЛОЯ
Часть 15 - ОТВЕТ ОППОНЕНТУ...))
Часть 16 - Учимся делать рамку в три слоя
Часть 17 - ДЕЛАЕМ РАМКУ В ШЕСТЬ СЛОЕВ
Часть 18 - ДЕЛАЕМ РАМКУ В ВОСЕМЬ СЛОЕВ
...
Часть 30 - Делаем разрезную рамку в ФШ
Часть 31 - Коды для Мейла и ЛиРу
Часть 32 - ФОРМУЛЫ РАМОЧЕК ДЛЯ МЕЙЛА

УЧИМСЯ ДЕЛАТЬ РАМКУ В ЧЕТЫРЕ СЛОЯ

Рамку в два слоя мы уже научились делать ЗДЕСЬ.
Чтобы сделать рамку, которую вы видите, - рамку в 4 слоя, вам достаточно скопировать формулу в окошке под рамкой.

Здесь будет ваш текстЛорик

ФОРМУЛА РАМКИ

Формула состоит из тегов.
Рассмотрим, что обозначают основные теги.

Серия сообщений "Делаем рамки":

Часть 1 - Рамочка с бегущими огоньками
Часть 2 - Делаем рамки - серия уроков ФШ
...
Часть 12 - Простые Рамки с Заголовком
Часть 13 - УЧИМСЯ ДЕЛАТЬ РАМКУ В ДВА СЛОЯ
Часть 14 - ДЕЛАЕМ РАМКУ В ЧЕТЫРЕ СЛОЯ
Часть 15 - ОТВЕТ ОППОНЕНТУ...))
Часть 16 - Учимся делать рамку в три слоя
...
Часть 30 - Делаем разрезную рамку в ФШ
Часть 31 - Коды для Мейла и ЛиРу
Часть 32 - ФОРМУЛЫ РАМОЧЕК ДЛЯ МЕЙЛА

УЧИМСЯ ДЕЛАТЬ РАМКУ В ДВА СЛОЯ

Хотите научиться делать вот такую простую рамку? Тогда скопируйте из окошка под рамкой формулу рамки и вставьте свои значения.

Здесь будет ваш текст. Лорик

ФОРМУЛА РАМКИ

Формула состоит из тегов.
Рассмотрим, что обозначают основные теги.

Серия сообщений "Делаем рамки":

Часть 1 - Рамочка с бегущими огоньками
Часть 2 - Делаем рамки - серия уроков ФШ
...
Часть 11 - Рамки для выделения текста
Часть 12 - Простые Рамки с Заголовком
Часть 13 - УЧИМСЯ ДЕЛАТЬ РАМКУ В ДВА СЛОЯ
Часть 14 - ДЕЛАЕМ РАМКУ В ЧЕТЫРЕ СЛОЯ
Часть 15 - ОТВЕТ ОППОНЕНТУ...))
...
Часть 30 - Делаем разрезную рамку в ФШ
Часть 31 - Коды для Мейла и ЛиРу
Часть 32 - ФОРМУЛЫ РАМОЧЕК ДЛЯ МЕЙЛА

Фотографии в альбоме «Девушки для зимних коллажей-2 в png» orlanda  на Яндекс.Фотках

 

Если Вы хотите добавить в свой пост много текста.Есть один вариант как это сделать, чтобы пост не занимал много места и его не нужно было убирать под КАТ.
Например как у меня в данном случае.Нужно просто вставить в пост прокрутку.
Чуть ниже можно скопировать код ПОСТА С ПРОКРУТКОЙ,
который Вы потом будете вставлять в свой пост.
В коде где написано. КОД КАРТИНКИ.
Загружаете картинку через Радикал фото.Код берёте под №1.
Меняете только размеры картинки width="480"-ширина
height="290"-высота
Если вставляете через Лиру тогда вам нужна только та часть кода,
что находится внутри кавычек.

Чтобы поменять РАЗМЕР ПРОКРУТКИ находим вот такой тег
...position: width:99%;height: 218px...
Меняем цифры под ВЫСОТУ вашей картинки,только немного меньше.
У меня высота картинки 290,а высоту прокрутки я сделала 218.
Это нужно для того чтобы прокрутка не вылезала за размеры картинки
или не была меньше её.
Идём дальше.Где написано URL ФОН
можно поставить фон.Внутрь одинарных кавычек.
Кавычки обязательно оставить иначе код может не загрузиться.
Так же через радикал фото код под №1.
Или через Лиру так же как мы вставляли код картинки.
А можно этот фон и неставить.
В моём случае я не стала добавлять Фон для текста.
Но бывает один неприятный нюанс-когда вы загружаете фон
он вставляется как ссылка и если в коде (где вы поставили фон)
у вас появилось [URL ...в начале и в конце .../URL]
вот такой значёк,в квадратных скобках его просто нужно убрать из начала и в конце.
Смотрите внимательно,чтобы кавычки не удалить.
И самое основное.
Где написано ВАШ ТЕКСТ.
Пишите свой текст.
Но ПРОКРУТКА начинает появлятся тогда,когда написано много текста.
Вот и всё удачи вам в оформлении.

Код ПОСТ С ПРОКРУТКОЙ. <img src="КОД КАРТИНКИ" width="317" height="218" align="left" /><div style="overflow:auto;scrollbar-arrow-color:pink;scrollbar-base-color: #C71585; position: width:99%;height:218px;background-image:url('URL ФОН');top:5px;text-align:left;text-indent:5pt">ВАШ ТЕКСТ</div>SvetlanaT

РЕКЛАМА В БЛОГЕ

Ну что, в выходной день побалуем своих чебуреками? Этот рецепт великолепный. Чебуреки получаются очень мягкими, даже края. Так что знакомимся с рецептом и жарим чебуреки. Это уже испробованный рецепт -  рекомендую.

ПАМЯТКА НАЧИНАЮЩИМ ФОТОШОППЕРАМ

КОД РАЗРЕЗНОЙ ФОТОШОПНОЙ РАМКИ ДЛЯ Ли.Ру.

Наверно многие ( и я в том числе) сталкивались с тем, что при попытке вставить фотошопную мейловскую рамочку на Ли.Ру., она (рамка) разрывается по высоте.
Чтобы такого не происходило, надо использовать для рамки другой код. Я знаю, по крайней мере, два варианта. Коды изобретены не мной, вот они:

Первый вариант:
Код рамки:

Второй вариант.
Код рамки:

Напоминаю вам, что ШИРИНА всех частей рамки должна быть ОДИНАКОВОЙ!!!
Удачи!

для вас Лариса Гурьянова

Серия сообщений "Делаем рамки":

Часть 1 - Рамочка с бегущими огоньками
Часть 2 - Делаем рамки - серия уроков ФШ
...
Часть 26 - Урок для КОРЕЛА "Monika"
Часть 27 - Урок - Рамочка многослойная в ФШ
Часть 28 - КОД РАЗРЕЗНОЙ ФОТОШОПНОЙ РАМКИ ДЛЯ Ли.Ру.
Часть 29 - Как сделать разрезную рамку в ФШ
Часть 30 - Делаем разрезную рамку в ФШ
Часть 31 - Коды для Мейла и ЛиРу
Часть 32 - ФОРМУЛЫ РАМОЧЕК ДЛЯ МЕЙЛА