Как вставлять РАМКУ в свой пост на Лиру.

Этот пост делаю по просьбам моих ПЧитателей,
которые ещё только открыли свои дневники на Лиру.
И хотят сделать свой дневник более красивым.

С чего мы начинаем?
Самое первое надо выбрать рамочку которую вы хотите вставить к себе в пост.
Например вот такую.Копируем код РАМКИ.
Делаем так:Нажали на левую кнопку мыши и начинаем выделять всё что вы
видите в окошке потихоньку опуская мышку вниз.Пока код не перестанет крутиться.
Выделили всё.
Теперь правой кнопкой мыши нажали на выделение.Вылезет окошко с надписями.
Вы вибираете КОПИРОВАТЬ.
Или можно иначе нажмите Ctrl + A-Выделить всё и потом Ctrl + C-Копировать.
Всё вы скопировали код.


Теперь открываем свой пост.Смотрим как это сделать Здесь
Так открыли! Нужно ВСТАВИТЬ код РАМКИ в ПРОСТОЙ текстовой редактор.
Это важно!!! Иначе код загрузится не корректно.
Делаем так:Нажали правую кнопку мыши.Опять вылезет окошко.
И нашли слово ВСТАВИТЬ-нажали.И ваш код появится в редакторе.
Или иначе нажали Ctrl + V-Вставили.
Теперь ищем в коде надпись ВАШ ТЕКСТ.

Нашли слово ваш текст! И перед этой надписью пишите свой текст.
Надпись лучше пока не убирать,а оставить как ориентир,
чтобы не запутаться,и не искать потом куда вставлять КАРТИНКУ ИЛИ ТЕКСТ.
Выглядеть это будет так...

Если вы хотите добавить в рамку ешё КАРТИНКУ,линеечку делаем так.
Нашли надпись ОБЗОР-НАЖАЛИ на неё.Вылезет окошко.
Выбрали у себя на компе картинку.Нажали на неё, чтобы она выделилась
и потом в конце жмите на слово ОТКРЫТЬ.
Всё картинка автоматически забьётся к вам в пост.
Нажмите один раз ENTER,чтобы код картинки не слился с кодом рамочки.
Остаётся вам нажать ПРЕДПРОСМОТР и посмотреть загрузилась картинка или нет.

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

Теперь нажали ОПУБЛИКОВАТЬ.Смотрите как у вас всё получилось.Если вам всё нравится.
Нажимаете РЕДАКТИРОВАТЬ ещё раз и убираете слово ВАШ ТЕКСТ.
Снова ОПУБЛИКОВАТЬ.Редактировать и опубликовывать можно сколько угодно раз,
пока вам всё не понравится.
И в самом конце жмёте ОПУБЛИКОВАТЬ В ЛИЧНЫЙ ДНЕВНИК.Немного подождать.
И у вас в дневнике оригинальное оформление.
 

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

Рамки для выделения текста.










 

Если вас устраивает тот фон который есть у вас на страничке. А пост просто хочется как-то выделить. Можно выделить рамкой ,а уж какой край будет у рамки выбирайте сами по НАЗВАНИЮ. Копируем код и вставляем к себе в блог в Простом редакторе. Там где написано ВАШ ТЕКСТ - Вставляете свой текст. Ещё в коде можно поменять цвет рамки. Находим вот такой значёк,он обозначает цвет#FFFACD и меняем цвет на тот, который подходит вам. Выбираем цвет. solid - край рамки имеет сплошную линию. КОД solid<div style="border:3px solid #FFFACD;padding:10px;">ВАШ ТЕКСТ.</div> dotted - край рамки выделяется точками. КОД dotted<div style="border:5px dotted #FFFACD;padding:10px;">ВАШ ТЕКСТ.</div> dashed - край рамки - пунктир. КОД dashed<div style="border:3px dashed #FFFACD;padding:10px;">ВАШ ТЕКСТ.</div> inset - край рамки получается вдавленным. КОД inset<div style="border:10px inset #FFFACD;padding:10px;">ВАШ ТЕКСТ. </div> outset - край рамки получается выпуклым. КОД outset<div style="border:10px outset #FFFACD;padding:10px;">ВАШ ТЕКСТ. </div> double - край рамки с двойной рамкой. КОД double<div style="border:10px double #FFFACD;padding:10px;">ВАШ ТЕКСТ.</div> groove - край рамки с выемкой. КОД groove<div style="border:10px groove #FFFACD;padding:10px;">ВАШ ТЕКСТ. </div> ridge - край рамки выделяется в виде кромки. КОД ridge<div style="border:10px ridge #FFFACD;padding:10px;">ВАШ ТЕКСТ.</div> дневник Милолика Покровская

Теги: рамки для выделения текста.