Новые рамочки для записей рецептов,инструкций, мемуаров,текста и даже стихов)))) Рамочки на все случаи, потому что в этих рамочках текст будет выглядеть компактным с красивым шрифтом. Очень важно, чтобы картинка не превышала установленного размера в рамочке, т.е. не выше 400 пикс и не шире 350, картинка может быть у́же или короче, но не больше установленного размера (в противном случае рамочка полностью исказится, потеряет свою форму и Ваш труд уйдёт на смарку). Прокрутка появится в зависимости от размера Вашего текста. Размер, стиль и цвет шрифта Вы можете поменять сами.(где-то я уже объясняла))Вы также можете написать над картинкой слева название Вашего текста.


Вот так ,примерно, будет выглядеть ваша запись.




Смотрим рамочки

Простые рамки-обводки для оформления текста в дневнике:
• 1. Сплошная рамка.

ВАШ ТЕКСТ

• 2. Пунктирная рамка 1

ВАШ ТЕКСТ

• 3. Пунктирная рамка 2

ВАШ ТЕКСТ

• 4. Точечная рамка

ВАШ ТЕКСТ

• 5. Двойная рамка

ВАШ ТЕКСТ

• 6. Вдавленный текст

ВАШ ТЕКСТ

<div align="center"><div style="width:750px;height:+++++px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;border:1px solid #838b83;background-image: url('https://img-fotki.yandex.ru/get/5206/120937872.fa/0_ade43_f0365bbd_orig.png');background-color:#++++++;-webkit-box-shadow:1px 0px rgb(248,248,255), 1px 1px rgb(248,248,255),2px 1px rgb(248,248,255), 2px 2px rgb(248,248,255),3px 2px rgb(248,248,255), 3px 3px rgb(248,248,255),4px 3px rgb(248,248,255), 4px 4px rgb(248,248,255),5px 4px rgb(248,248,255), 5px 5px rgb(248,248,255),6px 5px rgb(248,248,255), 6px 6px rgb(248,248,255),7px 6px rgb(248,248,255);"><center><div style="padding:20px" zzz="zzz" align="center"><span style="font-family:Times New Roman;color:#Цвет текста;font-size:20px;text-shadow:1px 1px 1px #000000;">Ваш текст</span></div></center></div><br /> </div>

---

<div align="center"><div style="width:750px;height:+++++px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;border:1px solid #838b83;background-image: url('https://img-fotki.yandex.ru/get/5905/120937872.1a9/0_b7ea4_b157cf46_orig.jpg');background-color:#++++++;-webkit-box-shadow:1px 0px rgb(248,248,255), 1px 1px rgb(131,139,139),2px 1px rgb(248,248,255), 2px 2px rgb(131,139,139),3px 2px rgb(248,248,255), 3px 3px rgb(131,139,139),4px 3px rgb(248,248,255), 4px 4px rgb(131,139,139),5px 4px rgb(248,248,255), 5px 5px rgb(131,139,139),6px 5px rgb(248,248,255), 6px 6px rgb(131,139,139);"><center><div style="padding:20px" zzz="zzz" align="center"><span style="font-family:Times New Roman;color:#Цвет текста;font-size:20px;text-shadow:1px 1px 1px #000000;">Ваш текст</span></div></center></div><br /> </div>

Рассмотрим простую рамочку на конкретном примере простой рамочки:

***Текст***

"left" - слева
"right" - справа
"center" - по центру
Спасибо за внимание!
С уважением к Вам
***Люд-Мила***

Хочу представить вам вот такую симпатичную рамку с пунктирной обводкой внутри.
Не правда ли, похоже на прошивку? Этим можно играть, подбирая тканевые цвета. Например, голубой (чем не джинс?)

Текст
Ваша подпись

<center><div style="padding: 10px 10px; background: #FE9980; width: 610px; font-size: 27px; font-family: Monotype Corsiva; color: #fff; border: 2px dashed #fff; border-radius: 3px; box-shadow: 0 0 0 5px #FE9980, 3px 2px 7px 4px rgba(10,10,0,.5); text-shadow: -1px -1px #aa3030;">Текст<br /> <center><a data-cke-saved-href="ССЫЛКА НА ВАШ БЛОГ" href="ССЫЛКА НА ВАШ БЛОГ" target="_blank"><font face="Georgia" color="#ffffff" style="font-size:18px">Ваша подпись</font></a></center></div></center>

Смотрим дальше

Вот так эта рамка будет выглядеть. Теперь как её сделать.Внизу в окошке для кодов Скопируйте "СКЕЛЕТИК" этой рамки. Тоесть вы полностью эту рамку сделаете сами и поставите под ней ВАШ НИК. Код вставлять к себе в дневник в ПРОСТОМ РЕДАКТОРЕ. ЗДЕСЬ далее...     SvetlanaT

КОД РАМКИ.<table style="border:0px none #000000" background="ФОН 1 СЛОЙ" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="border:0px none #000000" background="ФОН 2 СЛОЙ" cellspacing="0" cellpadding="0"><tr><td style="padding:10px"><table style="border:0px none #000000" background="ФОН 3 СЛОЙ" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="border:0px none #000000" background="ФОН 4 СЛОЙ" cellspacing="0" cellpadding="0"><tr><td style="padding:20px"><table style="border:0px none #000000" background="ФОН 5 СЛОЙ" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table width="750" height="600" style="border:0px none #000000" background="ФОН 6 СЛОЙ" cellspacing="0" cellpadding="0"><tr><td style="padding:10px" align="center"><tbody><tr valign="top"><td width="100%"><table border="0" cellspacing="5" cellpadding="5" width="100%" background="ФОН 8 СЛОЙ"><tbody><tr><td>УГОЛОК ВВЕРХ СЛЕВА</td><td width="100%"> </td><td>УГОЛОК ВВЕРХ СПРАВА </td></tr><tr><td> </td><td><br /><center> ЛИНЕЕЧКА ВВЕРХУ <br /> <font color="8B4513"><font size="4"><font face="Ruritania"><br /> ВАШ ТЕКСТ </font></font></font></center><br /><center>ЛИНЕЕЧКА ВНИЗУ </center></td><td> </td></tr><tr><td>УГОЛОК НИЗ СЛЕВА </td><td> </td><td>УГОЛОК НИЗ СПРАВА<br /> </td></tr></tbody></table></td></tr></tbody></td></tr></table></td></tr></table></td></tr></table></td></tr></table><center><a target="_blank" data-cke-saved-href="ССЫЛКА НА ВАШ ДНЕВНИК" href="ССЫЛКА НА ВАШ ДНЕВНИК"><font size="1"><b><font color="#000000">ВАШ НИК</font></b></font></a></center></td></tr></table></td></tr></table>

Фон для записи Урок Для того, чтобы сделать фон для записи, необходимо воспользоваться следующей формулой: <table border="0" cellspacing="8" cellpadding="0" width="70%"background="Адрес фона"><tbody><tr><td><CENTER> <span style="font-family:Arial; color:black; font-size:12px"> ВАШ ТЕКСТ </span> </CENTER></td></tr></tbody></table> В этот код нам нужно подставить прямую ссылку на фоновое изображение, и у Вас получится запись с фоном, как у меня. Если в коде изменить тег background на bgcolor="код цвета или его буквенное написание", то получим запись на цветном фоне. Полный код можете взять отсюда: <table border="0" cellspacing="8" cellpadding="0" width="70%" bgcolor="yellow"><tbody><tr><td><CENTER> <span style="font-family:Arial; color:black;font-size:12px">ВАШ ТЕКСТ</span> </CENTER></td></tr></tbody></table>

 

Код рамочки:

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

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

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

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


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




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

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

 

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

Часть 1 - Золотая рамочка с фильтром Factory C в ФОТОШОПЕ
Часть 2 - Рамочка с радужным градиентом
...
Часть 34 - Цветные рамочки для текста
Часть 35 - Простые рамки с заголовком
Часть 36 - Простые рамки с фоном
Часть 37 - Прерывистые рамки для текста
Часть 38 - Делаем рамку
...
Часть 45 - Как сделать разрезную рамку в ФШ
Часть 46 - Коды для Мейла и ЛиРу
Часть 47 - Делаем разрезную рамку в ФШ
 

Сплошная рамка.

Выглядит вот так:

Пишется так:
<div style="border:1px solid #000;padding:10px 10px 10px 10px;">ВАШ ТЕКСТ</div>

Читать далее...

читать дальше...

 

Коды для рамочек

 

1. Рамочка с разрывом (картинка или текст) и с фоном

<table background="URL АДРЕС ФОНА"><tr><td><FIELDSET><LEGEND>ТЕкСТ (или КАРТИНКА) в разрыве </LEGEND><center>ТЕКСТ внутри рамки, т.е.ВАШ ПОСТ <center></FIELDSET></td></tr></table>

2. Рамочка с разрывом (картинка или текст) без фона

<FIELDSET><LEGEND>ТЕкСТ (или картинка) в разрыве </LEGEND><center>ТЕКСТ внутри рамки т.е.ВАШ ПОСТ<center></FIELDSET>

3. Просто рамочка, без разрыва и без фона, вокруг вашего текста

<fieldset>ВАШ ТЕКСТ</fieldset>

 

Серия сообщений "Уроки по Ли.ру от MissKcu":
Часть 1 - Урок создания прозрачного фона от MissKcu
Часть 2 - Как вставить разделители в пост. Урок от MissKcu
...
Часть 10 - Создаем кнопку-переход на свой блог
Часть 11 - Урок по написанию поста на Ли.ру от MissKcu
Часть 12 - Урок по созданию рамочек с разрывом от MissKcu
Часть 13 - Урок по созданию красивой рамочки от MissKcu
Часть 14 - Как изменить фон сообщений в понравившемся дизайне для днева.
...
Часть 19 - Как вставить Плейкаст в свой Дневник (блог на Привете). Урок от MissKcu
Часть 20 - Убираем стандартную схему
Часть 21 - Картинки с подписью и без. Урок от MissKcu

Оформление постов
 

*Mariea@mmg*

текст

 

Вот ее код:

<center><table style="background-image: url(''); border: 10px double #Обводка; padding: 7px; box-shadow: 0px 10px 30px #000000;" width="550"><tbody><tr><td style="padding:10px"><center><center><center><p><span style="font-size:20px;"><a href="http://www.liveinternet.ru/users/marmuh/blog/" target="_blank" title="Mariea Muhaceova"><img align="right" height="10" src="//img-fotki.yandex.ru/get/4116/50427825.7a/0_85fae_200405c9_XS.gif.jpg" width="10" /></a></span></p><br/><br/><p><span style="font-size:20px;"><em><span style="font-family:georgia,serif;">текст</span></em></span></p></center><br />&nbsp;</center></center>
</td></tr></tbody></table></center>

В скобку  url('')  - можно вставить ссылку на фон. 

Можно вставить цвет обводки, см сюда - double #Обводка;

Можно поменять размеры, цвет и направление тени - вот здесь:

box-shadow: 0px 10px 30px #000000;

За пределами рамки - сверху можно вставить Заголовок,

внизу под рамкой  - Источники, свое резюме...

Вокруг всего поста можно вставить рамку- обводку.

Главное - не загромождать, не утяжелять всякими темными,
яркими, сложными фонами.

Хотя, у каждого свой вкус. Дерзайте, варьируйте.

Прекрасных вам постов!

 

Mariea@mmg

 

 

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

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

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

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

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

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

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

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

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




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

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

 

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

Часть 1 - Золотая рамочка с фильтром Factory C в ФОТОШОПЕ
Часть 2 - Рамочка с радужным градиентом
...
Часть 33 - Урок как сделать закругления по краям рамки и "кармашки"
Часть 34 - Цветные рамочки для текста
Часть 35 - Простые рамки с заголовком
Часть 36 - Простые рамки с фоном
Часть 37 - Прерывистые рамки для текста
...
Часть 45 - Как сделать разрезную рамку в ФШ
Часть 46 - Коды для Мейла и ЛиРу
Часть 47 - Делаем разрезную рамку в ФШ
 

Как то уже давненько не встречала рамок, в которых есть рамочка с разрывом. Но тут мне о них напомнила falconet-n. Благодаря ей и появился этот урок. На фоне показаны несколько примеров таких рамок.
 

Простая рамочка Выпуклая рамочка Рамочка с круглыми углами Рамочка с тенью Рамочка с заданной шириной

урок провела Егорова Таня

Читать далее