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

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

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

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

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

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

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

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

Продолжаем тему оформления своего дневника.
По вашей просьбе объясняю как вставить Музыку в свой дневник.
№1 способ.
Нажали НОВАЯ ЗАПИСЬ и вверху МУЗЫКА.Дальше делаем как у меня на картинке.

ЗДЕСЬ далее...SvetlanaT

Как именить внешний вид вот такого плеера с сайта http://privet.ru/ .

Скопируйте код, вставьте в поле редактора и..... в ЧЕРНОВИК! Затем, жмите на РЕДАКТИРОВАТЬ . Перед вами появится вот такой код, который можно легко изменить

Получился вот такой симпатичный плеер. Теперь при нажатии кнопки ИСТОЧНИК скопируйте код и  вставьте в рамку или сообщение (опять  же  с помощью кнопки ИСТОЧНИК)

Здесь вы узнаете как изменить цвет такого плеера  Загружаем музыку с ПК и создаем плеер.

Серия сообщений " Оформление дневника на ЛИ.РУ":
Часть 1 - Как создать кнопку-переход
Часть 2 - 7 причин по которым не стоит вставлять в комментарии картинки
...
Часть 23 - Для новичков. Загружаем музыку с ПК и создаем плеер.
Часть 24 - Урок для новичков .Как вставить плейлист и картинку в рамку
Часть 25 - Добавление к предыдущему посту .Как изменить размер плеера
Часть 26 - Как сжать размер картинки (фона) до требуемой величины для загрузки в дневник.
Часть 27 - Как создать кликабельную картинку или кнопку-переход в редакторе
...
Часть 30 - Убираем под кат! Как в редакторе ссылку *Читать далее* заменить картинкой
Часть 31 - Как скопировать схему оформления (дизайн) чужого дневника на ЛиРу
Часть 32 - Коды для оформления блога (дневника)

Пост возник в результате многочисленных вопросов по теме "Как загрузить музыку  с компьютера и создать красивый плеер".В свое время я научилась этому у Милолика_Покровская

1.Cоздайте новую запись в РАСШИРЕННОМ РЕДАКТОРЕ, напишите какой-нибудь заголовок,иначе сообщение не опубликуется и с помощью кнопки ВЫБРАТЬ ФАЙЛ загрузите музыкальный файл из компьютера весом не более 8мб, жмите В ЧЕРНОВИК. Подождите ,пока загрузится файл. .

Часть 1 - Учебник ЛиРу.
Часть 2 - Как сделать ник ссылкой
Часть 3 - Как пользоваться разделом "Почтовые уведомления"?
Часть 4 - Как загрузить Музыку к себе в дневник на Ли.ру.
Часть 5 - Ещё раз о вопросах по Li.ru
Часть 6 - Коды для оформления блога
>>Часть 7 - Кража постов
Часть 8 - Оформляем текст и картинки
Часть 9 - Дорогие девочки, ВЫ ТЕРЯЕТЕ ЧИТАТЕЛЕЙ!
Часть 10 - Пост о почтовых уведомлениях
Часть 11 - Ссылочка на пользователя сайта с иконкой.
Часть 12 - Как делать схемы для дизайна своего дневника.
Часть 13 - Делаем кликабельную Картинку- ссылку.
Часть 14 - Делаем простую кнопку для блога.
Часть 15 - Как вставить HTML-код в сообщение, эпиграф, комментарий
Часть 16 - Использование спецкодов (ВВ-кодов) на Лиру
Часть 17 - 7 причин по которым не стоит вставлять в комментарии картинки
Часть 18 - Как читать плоховидимый текст в дневниках
Часть 19 - Вставляем правильно изображения в дневник.Урок.
Часть 20 - "Сегодня я расскажу Вам о таблицах"
Часть 21 - Все полезности в одном посте! 
Часть 22 - Для новеньких и стареньких! Подробнейший урок для лирушников.
Часть 23 - Лирушное..
Часть 24 - Можете удалить любые отношения к Вам, которые старше 30 дней
Часть 25 - Делаем красивый текст для оформления дневника.
Часть 26 - Мой ник зарегистрирован
Часть 27 - Как окружить текст рамкой?
Часть 28 - Список уроков.Как ОФОРМИТЬ ДНЕВНИК.
Часть 29 - Вопрос - ответ
Часть 30 - Как я делаю скриншот без применения программ
Часть 31 - Главные расширения для Google Chrome / Бесплатные программы в картинках
Часть 32 - КРАСИВЫЕ ЗАСТАВКИ ДЛЯ КОМПЬЮТЕРА
Часть 33 - КАК КОПИРОВАТЬ КОД КАРТИНКИ
Часть 34 - Как вставить код любого изображения в аккуратную рамку (урок)
Часть 35 - Как я вставляю музыку в дневник
Часть 36 - Как я делаю ссылки 
Часть 37 - Как вставить текстовую рамочку в ваш дневник.Подробный урок от Pannamusic
Часть 38 - Про кнопки Яндекса и другие приложения от LiluMi
Часть 39 - Тысяча и одна полезность
Часть 40 - Для новеньких и стареньких
Часть 41 - НАШЛА КАК ДЕЛАТЬ РАМКИ БЕЗ КОДА И МУЧЕНИЙ..ДЛЯ ВАС....
Часть 42 - Делаем рамки без кода
Часть 43 - Супер полезный сервис!!
Часть 44 - Урок для новичков.Как использовать приложение "Я ФОТОГРАФ"
Часть 45 - On-line генераторы
Часть 46 - Отдельный домен для дневника на Лиру.
Часть 47 - Вставляем текст и картинку в рамку с кодом
Часть 48 - Урок для новичков.Как найти пользователя и ответить на его симпочку

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

Часть 1 - Рамочка с бегущими огоньками
Часть 2 - Делаем рамки - серия уроков ФШ
...
Часть 37 - Простая рамка для записи с часиками
Часть 38 - Урок как сделать закругления по краям рамки и "кармашки"
Часть 39 - Цветные рамочки для текста
Часть 40 - КОД РАЗРЕЗНОЙ ФОТОШОПНОЙ РАМКИ ДЛЯ Ли.Ру.
Часть 41 - Как сделать разрезную рамку в ФШ
Часть 42 - ФОРМУЛЫ РАМОЧЕК ДЛЯ МЕЙЛА
Часть 43 - Коды для Мейла и ЛиРу
Часть 44 - Делаем разрезную рамку в ФШ

Многие не любят тяжелых рамок. Но такие, по-моему, понравятся всем.

ТЕКСТ ЗАГОЛОВКА

Здесь будет ваш текст

ТЕКСТ ЗАГОЛОВКА

Здесь будет ваш текст

ТЕКСТ ЗАГОЛОВКА

Здесь будет ваш текст

В этих рамках можно менять цвет и рамки, и заголовка.

Достаточно воспользоваться этим генератором цвета
Жмите на любой цвет вращающегося круга, а справа копируйте код нужного вам цвета и вставляйте в формулу рамки




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

Еще простые рамки можно посмотреть ЗДЕСЬ
для вас Лариса Гурьянова

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

Часть 1 - Рамочка с бегущими огоньками
Часть 2 - Делаем рамки - серия уроков ФШ
...
Часть 38 - Урок как сделать закругления по краям рамки и "кармашки"
Часть 39 - Цветные рамочки для текста
Часть 40 - Простые рамки с заголовком
Часть 41 - КОД РАЗРЕЗНОЙ ФОТОШОПНОЙ РАМКИ ДЛЯ Ли.Ру.
Часть 42 - Как сделать разрезную рамку в ФШ
Часть 43 - ФОРМУЛЫ РАМОЧЕК ДЛЯ МЕЙЛА
Часть 44 - Коды для Мейла и ЛиРу
Часть 45 - Делаем разрезную рамку в ФШ

Если Вы хотите добавить в свой пост много текста.Есть один вариант как это сделать, чтобы пост не занимал много места и его не нужно было убирать под КАТ.
Например как у меня в данном случае.Нужно просто вставить в пост прокрутку.
Чуть ниже можно скопировать код ПОСТА С ПРОКРУТКОЙ,
который Вы потом будете вставлять в свой пост.
В коде где написано. КОД КАРТИНКИ.
Загружаете картинку через Радикал фото.Код берёте под №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.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 - Ассорти новогодних ссылок
...
Часть 16 - А что дальше? Для рукодельниц (продолжение)
Часть 17 - Кнопочки-переходы для кулинарных постов. ►1◄
Часть 18 - Музыка ветра для сайта

Здесь будет ваш текст. Рамка растягивается и в ширину и в длину. Вот максимальная ширина рамки.

Здесь будет ваш текст. Рамка растягивается и в ширину и в длину.

Здесь будет ваш текст.

Что меняем в формуле?


Для кода цвета, как всегда, пользуемся генератором цвета
Жмите на любой цвет вращающегося круга, а справа копируйте код нужного вам цвета и вставляйте в формулу рамки




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

Еще простые рамки можно посмотреть ЗДЕСЬ и ЗДЕСЬ
для вас Лариса Гурьянова

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

Часть 1 - Рамочка с бегущими огоньками
Часть 2 - Делаем рамки - серия уроков ФШ
...
Часть 39 - Цветные рамочки для текста
Часть 40 - Простые рамки с заголовком
Часть 41 - Простые рамки с фоном
Часть 42 - КОД РАЗРЕЗНОЙ ФОТОШОПНОЙ РАМКИ ДЛЯ Ли.Ру.
Часть 43 - Как сделать разрезную рамку в ФШ
Часть 44 - ФОРМУЛЫ РАМОЧЕК ДЛЯ МЕЙЛА
Часть 45 - Коды для Мейла и ЛиРу
Часть 46 - Делаем разрезную рамку в ФШ

...так выглядит окошко Лиру с вложенным кодом рамочки:
<table border="0" style="border-collapse: separate; width: 640px; height: 100px; font-size: 15px; background: url('//s43.radikal.ru/i101/1009/91/894e2e4d7583.jpg'); padding: 7px;"><br /> <tbody valign="middle" align="center"><br /> <tr><br /> <td style="background: url('//s002.radikal.ru/i200/1009/03/f3eef9a97e6a.jpg');"><br /> <img src="//s44.radikal.ru/i104/1009/c5/236a4fca1079.png" _fcksavedurl="//s44.radikal.ru/i104/1009/c5/236a4fca1079.png" alt="img" vspace="10" /> <div style="text-align: justify; padding: 3px; width: 98%; height: 100px; font-family: serif; font-size: 18px; color: #000000; overflow: auto;"><br /> <pre>...здесь будет Ваш текст...</pre><br /> </div><br /> </td><br /> </tr><br /> </tbody><br /></table><br /><br /><a href="http://sb.vln.dp.ua" _fcksavedurl="http://sb.vln.dp.ua">Старый блокнот</a>
1...так выглядит пустое окошко ЛИру:
ВАШ КОД
2...это формула известного стандартного окошка ,которое подходит и к ЛИру ,и к майлу:

3. ...вкладываем "окошко ЛИру" в стандартное "окошко"...получаем контейнер с носителем кода на ЛИру:

......
ПРОВЕРКА:
...а теперь вкладываю в контейнер код "окошка ЛИру"...если все сделано верно,то в итоге я это "окошко ЛИру" и должна получить при копировании...


вынула код из контейнера...и вставила в редактор..."окошко ЛИру" получилось...

<textarea rows="2" cols="15"> ВАШ КОД