Урок по созданию красивой рамочки от MissKcu
 

Перейдя по ссылке, 

Вы увидите пост-пример 

http://www.liveinternet.ru/users/misskcu/post207689028/

 

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

Материал, который понадобится Вам для работы:

 

Урок "Кнопка Источник в расширенном редакторе."   http://www.liveinternet.ru/users/misskcu/post197213277

Код 8-слойной рамочки 

<div align="center"><table cellspacing="2" cellpadding="5" border="1" background="ФФФФФ"><tbody><tr><td style="padding: 5px;"><table cellspacing="2" cellpadding="5" border="1" background="ФФФФФ"><tbody><tr><td style="padding: 10px;"><table cellspacing="2" cellpadding="5" border="1" background="ФФФФФ"><tbody><tr><td style="padding: 5px;"><table cellspacing="0" cellpadding="3" border="1" background="ФФФФФ"><tbody><tr><td style="padding: 50px;"><table cellspacing="2" cellpadding="5" border="1" background="ФФФФФ"><tbody><tr><td style="padding: 5px;"><table cellspacing="2" cellpadding="5" border="1" background="ФФФФФ"><tbody><tr><td style="padding: 10px;"><table cellspacing="2" cellpadding="5" border="1" background="ФФФФФ"><tbody><tr><td style="padding: 5px;"><table cellspacing="0" cellpadding="0" border="1" background="ФФФФФ"><tbody><tr><td style="padding: 1px;"><div align="center"><p>Линеечка или картинка</p><center><b><font face="Monotype Corsiva"><b><text size="5"><b><i><text color="330000">Ваш текст  <br /></text></i></b></text></b></font></b><br /></center> <center><b><font face="Monotype Corsiva"><b><text size="5"><b><i><text color="330000">   Линеечка </text></i></b></text></b></font></b></center></div></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table>логотип</td></tr></tbody></table></td></tr></tbody></table></div><p> </p>

 

Адрес сайта "Радикал.ру"      http://www.radikal.ru/

Адрес сайта "Писец"          http://4maf.ru/pisec/

Урок по работе на сайте "Писец"            http://www.liveinternet.ru/users/misskcu/post194404383

Сайт "Привет.ру "        http://privet.ru/

Урок "Как создать плейлист на Привет.ру"          http://www.liveinternet.ru/users/misskcu/post200961476

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

ФОРМУЛЫ моих рамочек для Вас

...и Вы увидите все ФОРМУЛЫ рамочек,начиная с простейшей, с объяснениями как и что нужно делать,чтобы самому конструировать рамочки... как правильно СКОПИРОВАТЬ КОД рамки 1.формула№1- ФОН ПОСТА 2.формула№2- ФОРМУЛА записи ТЕКСТА на картинке 3.формула№3- рамочка с текстом или картинкой "в РАЗРЫВЕ" 4.формула№4- рамочка в 1 СЛОЙ 5.формула№5- рамочка в 2 СЛОЯ 6.формула№6-рамочка в 3 СЛОЯ 7.формула№7- рамочка в 4 СЛОЯ 8.формула№8-рамочка в 5 СЛОЕВ 9.формула №9-рамочка в 6 СЛОЕВ 10.формула№10- рамочка в 7 СЛОЕВ 11.формула№11-рамочка в 8 слоев с местом для мелодии 12.ЗДЕСЬ собраны все записи с меткой "ФОРМУЛЫ моих рамочек" ...ну,ВОТ и ВСЕ...но тему я буду продолжать и дальше...нажав на пункт №12,Вы всегда сможете увидеть НОВЫЕ ФОРМУЛЫ...

Универсальная формула рамочки для Майла и Ли.ру.
 

Хотите сделать такую? Тогда берем из рамочки код, вставляем у себя в блоге в новую запись, подставляем все фоны. Это ссылка № 1 из радикала. Для разделителей берем ссылку № 6. Цвет текста можно найти тут. А размер текста установите в размере от 15 до 30 (кому какой подойдет). Да! И не забудьте поставить ширину рамочки У меня сейчас стоит 600. Не получается только у тех, кто ленится! Удачи всем! Использовала урок Ириска

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

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

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

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

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

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

Читать далее

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

Часть 1 - Золотая рамочка с фильтром Factory C в ФОТОШОПЕ
Часть 2 - Рамочка с радужным градиентом
...
Часть 5 - Делаем разрезную рамку в ФШ
Часть 6 - УЧИМСЯ ДЕЛАТЬ РАМКУ В ДВА СЛОЯ
Часть 7 - ДЕЛАЕМ РАМКУ В ЧЕТЫРЕ СЛОЯ
Часть 8 - ОТВЕТ ОППОНЕНТУ...))
Часть 9 - Учимся делать рамку в три слоя
...
Часть 44 - Как сделать разрезную рамку в ФШ
Часть 45 - Коды для Мейла и ЛиРу
Часть 46 - Делаем разрезную рамку в ФШ
 

По просьбе "скелетик" кода такой рамки.
 

Код "скелетик" такой рамки. Здесь будет Ваш текст. Код "скелетика" рамки <center><table background="ОБВОДКА" cellpadding="3" cellspacing="0" style="border:0px none #000000"><tbody><tr><td style="padding:3px"><table border="0" background="ФОН ТЕКСТА" cellpadding="11" cellspacing="0" width="700px"><tr><td style="padding:11px"><center><fieldset><legend align="left">РАЗДЕЛИТЕЛЬ или МАЛЕНЬКАЯ КАРТИНКА</legend><span style="color:#00000"><span style="font-size:20px;"><span style="font-family:Palatino Linotype"><br /><strong><center>Здесь будет Ваш текст.</center></strong><br /><br /><span style="font-family:Verdana;color:#000000;font-size:10px"><center><a data-cke-saved-href="ССЫЛКА НА ВАШ БЛОГ" href="ССЫЛКА НА ВАШ БЛОГ" target="_blank">ВАША ПОДПИСЬ</a></center></span></span></span></span></fieldset></center></td></tr></table></td></tr></tbody></table></center> Значения в кавычках можно менять. Например, размер букв span style="font-size:20px;. Если цифру 20 изменить на большую, то и буквы в тексте станут больше, если поставить цифру меньше, то и размер букв станет меньше. Цвет букв span style="color:#00000". Если вместо, 000000 (так обозначается черный цвет), поставить ffffff (так обозначается белый цвет), то и буквы станут белого цвета. Шрифт написания span style="font-family:Palatino Linotype". Если вместо названия шрифта Palatino Linotype написать Arial или Monotype Corsiva, то написание букв изменится. Теги center - картинка или текст распологаются по центру рамки. Эта рамка подходит для Я.РУ Здесь будет Ваш текст Код "скелетика" рамки <center><table background="ОБВОДКА" cellpadding="4" cellspacing="0" style="border:0px none #000000"><tbody><tr><td style="padding:4px"><table background="ФОН ТЕКСТА" cellpadding="11" cellspacing="0" style="border:0px groove #996600" width="700"><tbody><tr><td align="center" style="padding:11px"><fieldset style="border:3px #000000 double ; padding: 10px; margin:0px 0px 0px 0px;"><legend>РАЗДЕЛИТЕЛЬ или МАЛЕНЬКАЯ КАРТИНКА</legend><center><em><strong><span style="color:#00000"><span style="font-size:20px;"><span style="font-family:Palatino Linotype"><br />Здесь будет Ваш текст<br /></span></span></span></strong></em></center><br /><span style="font-family:Verdana;color:#000000;font-size:10px"><center><a data-cke-saved-href="ССЫЛКА НА ВАШ БЛОГ" href="ССЫЛКА НА ВАШ БЛОГ" target="_blank">ВАША ПОДПИСЬ</a></center></span></fieldset></td></tr></tbody></table></td></tr></tbody></table></center> Хочется подчеркнуть, что вставлять свои адреса и цифры необходимо аккуратно, от кавычки до кавычки, НЕ ОСТАВЛЯЯ ПРОБЕЛОВ. Пробуйте, у Вас получится! ЖЕЛАЮ УДАЧИ! Nataliya_Bezyshko

Серия сообщений "МОИ УРОКИ":

Часть 1 - Урок 1. Делаем простую рамочку из 2-х слоев.
Часть 2 - Как скопировать код рамки из окошка и перенести рамку в свой дневник.
...
Часть 21 - LiveInternet – Отношения
Часть 22 - Уменьшаем большую картинку.
Часть 23 - По просьбе "скелетик" кода такой рамки.
 

Объемные рамки разной конфигурации. Без фотошопа!

Недавно я давала урок по изготовлению рамок с круглыми углами. Посмотреть его можно здесь. А Sergg62, подсказал как сделать рамки с разными углами и тенью. За это ему огромное спасибо! Он же дал ссылку на генератор, в котором можно сделать простенькие рамочки с однотонными фонами. Этот генератор здесь. Вроде ничего сложного при работе в нем нет, хоть он и на английском языке. Может кому то пригодится.
Эффект круглых углов виден в браузерах Google Chrome, Mozilla Firefox. В Internet Explorer рамка будет отражаться как обычная с прямыми углами. В других не знаю.
 

Уроки

...и Вы увидите все ФОРМУЛЫ рамочек,начиная с простейшей, с объяснениями как и что нужно делать,чтобы самому конструировать рамочки... как правильно СКОПИРОВАТЬ КОД рамки 1.формула№1- ФОН ПОСТА 2.формула№2- ФОРМУЛА записи ТЕКСТА на картинке 3.формула№3- рамочка с текстом или картинкой "в РАЗРЫВЕ" 4.формула№4- рамочка в 1 СЛОЙ 5.формула№5- рамочка в 2 СЛОЯ 6.формула№6-рамочка в 3 СЛОЯ 7.формула№7- рамочка в 4 СЛОЯ 8.формула№8-рамочка в 5 СЛОЕВ 9.формула №9-рамочка в 6 СЛОЕВ 10.формула№10- рамочка в 7 СЛОЕВ 11.формула№11-рамочка в 8 слоев с местом для мелодии 12.ЗДЕСЬ собраны все записи с меткой "ФОРМУЛЫ моих рамочек" ...ну,ВОТ и ВСЕ...но тему я буду продолжать и дальше...нажав на пункт №12,Вы всегда сможете увидеть НОВЫЕ ФОРМУЛЫ... КОД рамочки ЗДЕСЬ

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


ДЛЯ МЕЙЛА
ДЛЯ ЛиРу


Рамка в два слоя






Рамка в три слоя






Рамка в четыре слоя






Рамка в шесть слоев






Рамка в восемь слоев






Окошко для кода
<center><input type='text' size='15' value='ВАШ КОД'>
<textarea rows="5" cols="40">ВАШ КОД</textarea >


Фотошопная рамка


/i033.radikal.ru/1005/e5/ac5d9ea9c583.gif"" target="_blank">//i033.radikal.ru/1005/e5/ac5d9ea9c583.gif" src="//i033.radikal.ru/1005/e5/ac5d9ea9c583.gif" width="3" height="3" border="0" /> </a> </td></tr></table><table border="0" background="АДРЕС СРЕДНЕЙ ЧАСТИ" cellpadding="0" cellspacing="0" height="ВЫСОТА СРЕДНЕЙ ЧАСТИ" width="ШИРИНА СРЕДНЕЙ ЧАСТИ"><tr><td><table align="center" border="0" cellspacing="0" cellpadding="0"><tr> <td width="ШИРИНА ТЕКСТА"><center><font face="Monotype Corsiva" color="#КОД ЦВЕТА ТЕКСТА" style="font-size:25px"> <i> <b><br />ВАШ ТЕКСТ...<br /><br /></b></i></font></center></td></tr></table></td></tr></table><table border="0" background="АДРЕС НИЖНЕЙ ЧАСТИ" cellpadding="0" cellspacing="0" height="ВЫСОТА НИЖНЕЙ ЧАСТИ" width="ШИРИНА НИЖНЕЙ ЧАСТИ"><tr><td><center><a data-cke-saved-href="АДРЕС href="АДРЕС ВАШЕГО БЛОГА" target="_blank"><font face="Arial" color="#ffffff" style="font-size:10px"><b> ВАШ НИК</b></font> </a></center></td></tr></table></center> " />



Музыкальная открытка


<table align=""center""><table width=""ШИРИНА КАРТИНКИ" height=""ВЫСОТА КАРТИНКИ" style="&quot;border:ШИРИНАpx&quot;" background=""АДРЕС КАРТИНКИ" 1="1" cellspacing=""0"" cellpadding=""0""><tr><td style="&quot;padding:0px&quot;" align=""center""><span style="&quot;font-family:Georgia;color:#000000;font-size:20px&quot;"><b><p align=""right""><a target=""_blank"" href=""АДРЕС ВАШЕГО ДНЕВНИКА"><font size=""1""><font color=""000000"">ВАШ НИК</font></font></a></p><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <br /><br /> [470,16,АДРЕС МУЗЫКИ]<br /></b></span></td></tr></table></table>

Урок. Как сделать простую рамочку для текста
 

Урок. Как сделать простую рамочку для текста