Мы с вами уже делали рамочку не покидая блог,состоящую из двух фонов.Сегодня,я расскажу как сделать более усложнённый вариант рамочки,состоящий из трёх слоёв фонов ,всё так-же не покидая блог. Это пример того,что у нас с вами должно получиться в конечном итоге. Скажи, откуда у тебя Фантазия такая - Как будто я люблю тебя И по тебе страдаю. Во-первых, милая моя, Страданий я не знаю, А, во-вторых, быть может, я Не по тебе страдаю. А то, что под твоим окном Стою я каждый вечер, Отнюдь не говорит о том, Что я желаю встречи. Во-первых, если я там был, То как простой прохожий, А, во-вторых, не я там был, А на меня похожий. Так вот что, милая моя, Ты не играй на нервах, Во-первых, я люблю тебя, А, во-вторых - во-первых. РАМОЧКА-РЕЗУЛЬТАТ УРОКА

Давайте рассмотрим подробнее,что нам необходимо сделать,чтобы получить такую рамочку: 1.ПОДГОТОВИТЬ НЕОБХОДИМЫЕ ФОНЫ. 2.ВЫБРАТЬ ПРАВИЛЬНЫЙ КОД ФОНОВ ДЛЯ ВСТАВКИ В КОД-ШАБЛОН РАМОЧКИ. Вот фоны и коды к ним,которыя я использовала для этого урока: Ссылка на основной-нижний фон (в коде-шаблоне обозначается,как фон №1) рамочки (Радикал,строчка №1). Ссылка на второй фон (в коде-шаблоне обозначается, как фон №2) рамочки (Радикал,строчка №1). Ссылка на фон (в коде-шаблоне обозначается,как фон №3) записи (Радикал,строчка №1). картинка в текст (Радикал,строчка №6). линеечка-разделитель для текста (Радикал,строчка №6) Волшебный КОД-ШАБЛОН,для создания рамочки: <table width="100%" border="0" cellspacing="1" cellpadding="1" background="ФОН №1"><tr valign="top"><td width="100%"><table width="100%" border="0" cellspacing="1" cellpadding="1" background="ФОН №2"><tr valign="top"><td width="100%"><table width="100%" border="0" cellspacing="1" cellpadding="1" background="ФОН №3"> <tr valign="top"> <td width="100%"><center><font face="Times New Roman"><font color="EEDD82"><font size="4">ВАША КАРТИНКА;ВАШ ТЕКСТ </font></font></font>ВАША ПОДПИСЬ</center></td></tr></table></td></tr></table></td></tr></table>

НАШИ ДАЛЬНЕЙШИЕ ДЕЙСТВИЯ: Копируем (из белого окошка)КОД-ШАБЛОН и вставляем его в текстовое поле вашей новой записи,в формате HTML. Вот,что у нас получится: <table width="100%" border="0" cellspacing="1" cellpadding="1" background="ФОН №1"><tr valign="top"><td width="100%"><table width="100%" border="0" cellspacing="1" cellpadding="1" background="ФОН №2"><tr valign="top"><td width="100%"><table width="100%" border="0" cellspacing="1" cellpadding="1" background="ФОН №3"> <tr valign="top"> <td width="100%"><center><font face="Times New Roman"><font color="EEDD82"><font size="4">ВАША КАРТИНКА;ВАШ ТЕКСТ </font></font></font>ВАША ПОДПИСЬ</center></td></tr></table></td></tr></table></td></tr></table> Сейчас рассмотрим основные параметры тэгов,составляющие КОД-ШАБЛОН рамочки,их значения и названия,без которых невозможно сделать рамку: 1.table width="100%"-этот тэг обозначает ШИРИНУ всей нашей рамочки.В КОДЕ-ШАБЛОНЕ стоит ширина 100%.Значение ширины можно менять на ваше усмотрение. Вот так выглядет рамочка после добавления фонов и без наших изменений: ВАША КАРТИНКА;ВАШ ТЕКСТ ВАША ПОДПИСЬ 2. border="0"-этот тэг определяет ТОЛЩИНУ границ каждого слоя рамки (КРАЙ ФОНА).В КОДЕ-ШАБЛОНЕ стоит цифра"0"(см.в коде).Этот тег можно менять на любую цифру по вашему желанию.Например я поменяла в фоне №1 border="0" на border="5" ,в фоне №2 border="0" на border="2" ,в фоне №3 border="0"на border="2" и вот что у меня получилось: ВАША КАРТИНКА;ВАШ ТЕКСТ ВАША ПОДПИСЬ Видите,как изменилась рамка!В первом слое край стал намного шире,чем во втором и в третьем. 3.cellspacing-увеличивает ШИРИНУ фонового слоя, а cellpadding -расстояние между фонами рамки. В КОДЕ-ШАБЛОНЕ-параметры выглядят так: cellspacing="1", cellpadding="1". Давайте посмотрим,что будет если я их поменяю: в фоне №1:cellspacing="1" на cellspacing="20", cellpadding"1" на cellpadding"2", в фоне №2:cellspacing="1"-оставлю без изменений,cellpadding"1" на cellpadding"5", в фоне №3:cellspacing="1" на cellspacing="3", cellpadding"1"-оставлю без изменений. Вот что получится: ВАША КАРТИНКА;ВАШ ТЕКСТ ВАША ПОДПИСЬ Видите разницу? Рамка стала выглядеть совсем по другому ! Далее,чтобы в рамочке всё встало на свои места,делаем отступ вниз после слов ВАША КАРТИНКА;и после слов ВАШ ТЕКСТ. Вот,что у нас получится: ВАША КАРТИНКА; ВАШ ТЕКСТ ВАША ПОДПИСЬ Остаётся добавить картинку и текст,результат вы видели.

font color="EEDD822"- ЭТО ЦВЕТ ТЕКСТА. Имеет цифровое значения "EEDD822". Можно менять. font size="4"-ЭТО РАЗМЕР ТЕКСТА.Можно менять значения, увеличивать или уменьшать текст. font face="Times New Roman"- ЭТО название ШРИФТА ТЕКСТА. Можно менять названия. Вот и всё ! Желаю всем удачи !

Серия сообщений "Формулы":
Часть 1 - формулы рамок
Часть 2 - Урок 1. Делаем простую рамочку из 2-х слоев.
...
Часть 9 - Формула рамки
Часть 10 - Делаем рамочку из 8-ми слоёв фонов с уголками ,не покидая б
Часть 11 - Рамка в 3 слоя от Ларисы Герман
Часть 12 - С ДНЕМ РОЖДЕНИЯ
Часть 13 - Делаем разрезную рамку в ФШ
...
Часть 45 - ФОРМУЛЫ
Часть 46 - Как быстро найти нужное в коде
Часть 47 - Урок для новеньких"Как вставить музыку на картинку"

Различные Женщины ходят по свету. Буквально два слова - на тему на эту. Во-первых, есть Женщины - рыбки и птички. Есть зайки и пупсики. Пышки и спички. Драконы и змеи. И тысячи кисок. (Тут крик из толпы: "Огласите весь список!") Есть Женщина-смирно. Есть Женщина-вольно. Есть Женщина-"Нива" и Женщина-"Вольво". Есть Женщина-плазма. Женщина-лёд. Женщина-лезвие. Женщина-йод. Есть Женщины-девы и Женщины-овны. Есть Женщины-где-вы? и Женщины-вот-мы! Вот Женщина-финка. Вот Женщина-полька. Вот Женщина-фиг-вам! и Женщина-сколько? Два мира, два полюса: Женщина-хмель И Девочка-помнишь-я-нес-твой-портфель? Манящая Девушка-бригантина И Женщина-где-ты-шатался-скотина? Есть Женщина-повесть. Есть Женщина-строчка. И просто конец всему - Женщина-точка.. Грам

Серия сообщений "Мои рамки":
Часть 1 - 2-я рамка
Часть 2 - Рамка в 4 слоя
Часть 3 - Рамка с новым годом
Часть 4 - Рамка про женщин
Часть 5 - Из урока
Часть 6 - С новым годом
...
Часть 13 - Фоторедактор
Часть 14 - РАМКИ С КРУГЛЫМИ УГЛАМИ БЕЗ ФОТОШОПА
Часть 15 - Делаем рамочку в фотошопе СС заливкой по контуру

За основу поста взят урок Nataliya Bezyshko.

Различные Женщины ходят по свету. Буквально два слова - на тему на эту. Во-первых, есть Женщины - рыбки и птички. Есть зайки и пупсики. Пышки и спички. Драконы и змеи. И тысячи кисок. (Тут крик из толпы: "Огласите весь список!") Есть Женщина-смирно. Есть Женщина-вольно. Есть Женщина-"Нива" и Женщина-"Вольво". Есть Женщина-плазма. Женщина-лёд. Женщина-лезвие. Женщина-йод. Есть Женщины-девы и Женщины-овны. Есть Женщины-где-вы? и Женщины-вот-мы! Вот Женщина-финка. Вот Женщина-полька. Вот Женщина-фиг-вам! и Женщина-сколько? Два мира, два полюса: Женщина-хмель И Девочка-помнишь-я-нес-твой-портфель? Манящая Девушка-бригантина И Женщина-где-ты-шатался-скотина? Есть Женщина-повесть. Есть Женщина-строчка. И просто конец всему - Женщина-точка. РАМОЧКА-РЕЗУЛЬТАТ УРОКА

Мы с уже делали рамочки не покидая блог,состоящие из двух и трёх слоёв фонов.Сегодня , я расскажу как сделать рамку состоящую из 8-ми слоёв фонов. ( Пост сделан по просьбе одной из читательниц блога. ) Давайте рассмотрим подробнее,что нам необходимо для создания рамочки из 8-ми слоёв фонов. Ниже представлены фоны , уголки , линеечки - разделители ,составляющие рамку и самое главное звено - это КОД-ШАБЛОН РАМОЧКИ. Для Вашего удобства все фоны , я подписала так , как они будут обозначаться в коде - шаблоне. ССЫЛКИ (адрес фона) РАСПОЛОЖЕНЫ СТРОГО ПОД КАЖДЫМ ФОНОМ,НАДПИСЕЙ НА НИХ НЕ БУДЕТ ! Смело копируйте из белых окошек и применяйте :-) УГОЛОК ВЕРХНИЙ-ЛЕВЫЙ УГОЛОК ВЕРХНИЙ-ПРАВЫЙ УГОЛОК НИЖНИЙ-ЛЕВЫЙ УГОЛОК НИЖНИЙ-ПРАВЫЙ ВЕРХНИЙ НИЖНИЙ <center><table border="0" width="100%" background="ФОН №1 РАДИКАЛ-1" cellspacing="3" cellpadding="1"><tbody><tr><td style="padding: 3px;"><table border="0" width="100%" background="ФОН №2 РАДИКАЛ-1" cellspacing="5" cellpadding="5"><tbody><tr><td style="padding: 5px;"><table border="0" width="100%" background="ФОН №3 РАДИКАЛ-1" cellspacing="3 " cellpadding="1"><tbody><tr><td style="padding: 3px;"><table border="0" width="100%" background="ФОН №4 РАДИКАЛ-1" cellspacing="30" cellpadding="1"><tbody><tr><td style="padding: 30px;"><table border="0" width="100%" background="ФОН №5 РАДИКАЛ-1" cellspacing="3" cellpadding="1"><tbody><tr><td style="padding: 3px;"><table border="0" width="100%" background="ФОН №6 РАДИКАЛ-1" cellspacing="5" cellpadding="5"><tbody><tr><td style="padding: 5px;"><table border="0" width="100%" background="ФОН №7 РАДИКАЛ-1" cellspacing="3" cellpadding="1"><tbody><tr><td style="padding: 3px;"><table border="0" width="100%" background="ФОН ТЕКСТА РАДИКАЛ-1" cellspacing="5" cellpadding="5"><tbody><tr><td><img src="УГОЛОК ВЕРХНИЙ ЛЕВЫЙ РАДИКАЛ-1" /></td><td width="100%"></td><td><img src="УГОЛОК ВЕРХНИЙ ПРАВЫЙ РАДИКАЛ-1" /></td></tr><tr><td></td><td><br /><center><img src="РАЗДЕЛИТЕЛЬ ИЛИ КАРТИНКА РАДИКАЛ-1" /><font color="#FFC125"><font size="4"><font face="Times New Roman"><br /> Сюда можно ставить картинку РАДИКАЛ-6.Здесь будет ваш текст.</font></font></font></center><br /><br /><center><img src="РАЗДЕЛИТЕЛЬ ИЛИ КАРТИНКА РАДИКАЛ-1" /></center></td><td> </td></tr><tr><td><img src="УГОЛОК НИЖНИЙ ЛЕВЫЙ РАДИКАЛ-1" /></td><td></td><td><img src="УГОЛОК НИЖНИЙ ПРАВЫЙ РАДИКАЛ-1" /></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table><center><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=ССЫЛКА на Ваш блог"><font size="2"><b><font color="#00F5FF">ВАШ НИК или ВАШЕ ИМЯ</font></b></font></a></center></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></center>

ВАШИ ДАЛЬНЕЙШИЕ ДЕЙСТВИЯ: Копируете (из белого окошка)КОД-ШАБЛОН РАМОЧКИ и вставляете его в текстовое поле Вашей новой записи, в формате HTML. Если Вы будете пользоваться своими фонами , а не фонами с готовыми ссылками , представленным выше , тогда поступаете следующим образом : Идёте на Радикал-Фото , загружаете картинку фона, копируете 1 строчку (ссылка), вставляете её (ссылку) сразу после моих слов ФОН №1 РАДИКАЛ-№1 в коде-шаблоне рамочки. Так же поступаете и со 2-м , 3-м , 4-м и т.д. фонами. Будьте внимательны, когда начнёте стирать мои слова , не заденьте кавычки. Думаю проблем , с тем куда и что нужно вставлять вместо моих слов , у Вас не возникнет ! В КОДЕ-ШАБЛОНЕ всё предельно ясно расписано. ТО , ЧТО МОЖНО МЕНЯТЬ В КОДЕ-ШАБЛОНЕ : 1.Размер букв font size="4". Если цифру 4 изменить на большую, то и буквы в тексте станут больше, если поставить цифру меньше, то и размер букв станет меньше. 2.Шрифт написания букв face="Times New Roman". Если вместо названия шрифта Times New Roman написать Arial, то написание букв изменится. 3.Цвет букв в тексте color="#FFC125" - У МЕНЯ ЖЁЛТЫЙ , цвет букв в подписи (ВАШ НИК или ВАШЕ ИМЯ) color="#00F5FF" - У МЕНЯ ГОЛУБОЙ , если например, вместо #FFC125 , поставить FFFFFF (так обозначается белый цвет), то и буквы станут белого цвета. 4.Можно экспериментировать с цифрами в cellpadding="2",cellspacing="1", table border="0". Поставьте цифру намного больше чем в коде-шаблоне, чтобы сразу увидеть на что они влияют. Желаю всем удачи в создании рамочки !

Серия сообщений "Формулы":
Часть 1 - формулы рамок
Часть 2 - Урок 1. Делаем простую рамочку из 2-х слоев.
...
Часть 8 - рамочник
Часть 9 - Формула рамки
Часть 10 - Делаем рамочку из 8-ми слоёв фонов с уголками ,не покидая б
Часть 11 - Рамка в 3 слоя от Ларисы Герман
Часть 12 - С ДНЕМ РОЖДЕНИЯ
...
Часть 45 - ФОРМУЛЫ
Часть 46 - Как быстро найти нужное в коде
Часть 47 - Урок для новеньких"Как вставить музыку на картинку"

Учимся делать рамочку не используя " ФОТОШОП ". Для тех , кто не умеет работать с редактором " Фотошоп " , но очень хочет оформлять свои записи необычно и нестандартно , предлагаю научиться создавать подобные рамочки , не покидая блога. РАМОЧКА-ОБРАЗЕЦ

Для создания рамочки нам понадобятся : фоны , три картинки ( желательно png.- на прозрачной основе ), линеечка-разделитель и разумеется код-шаблон рамочки. Для начала , хочу посоветовать , из предложенных ниже фонов и картинок , собрать рамочку-образец из этого урока.Так , Вы быстрее поймёте процесс создания таких рамочек. Эта картинка служит украшением верхней части рамочки, её оригинальная ширина-308 пик. Думаю , Вы успели заметить , что в рамочке-образце она меньшего размера.Открою один маленький секрет , если Ваша картинка имеет большой размер и в рамочке смотрится не совсем красиво , а такой же но меньшего размера у Вас нет , то можно уменьшить ширину картинки прямо в коде-шаблоне рамочки , что я и сделала , изменила ширину изображения с 308 пик. на 208 пик.,результат Вы видели в начале поста. ссылка на изображение Фоновое изображение - в рамочке применяется как : фон №1, фон №3 и фон №5 ( в коде-шаблоне всё отмечено ). ссылка на фон Фоновое изображение - в рамочке применяется как : фон №2 и фон №4 ( в коде-шаблоне всё отмечено ). ссылка на фон Основной фон - фон текста , в коде-шаблоне идёт под №6. ссылка на фон Картинка внутри рамочки. HTML: картинка в тексте Линеечка-разделитель. HTML: картинка в тексте Картинка-украшение нижней части рамочки. Ширина-292 пик. ссылка на изображение КОД-ШАБЛОН РАМОЧКИ. Наши дальнейшие действия : Копируем код-шаблон рамочки из белого окошка. Переносим скопированный код в текстовое поле новой записи Вашего блога (см.скриншот №1 ). Отделяем верхнюю часть кода от нижней ( см.скриншот №1 и №2 ). Заменяем мои слова на нужные ссылки ( см.скриншот №3 ). После заполнения кода-шаблона-жмём на " ПРЕДПРОСМОТР " и проверяем получившуюся рамочку. Если всё устраивает , добавляем в блог. ВНИМАНИЕ ! Расстояние между 1. и 2. частью кода-шаблона можно увеличивать или уменьшать , всё зависит от того , где Вы хотите разместить картинку , украшающую верх рамочки и от размера картинки-чем больше картинка , тем больше делайте расстояние между частями кода. №1 №2 №3 Где узнать ширину изображения ? ( см.скриншот №4 " РАДИКАЛ-ФОТО " ). №4 На скриншоте №5 - смотрим , что можно менять в коде-шаблоне рамочки. №5 Помните ! Ваш успех в создании рамочки , зависит от внимательного прочтения текста урока и просмотра скриншотов ! Желаю всем удачи !!!

Серия сообщений "Формулы":
Часть 1 - формулы рамок
Часть 2 - Урок 1. Делаем простую рамочку из 2-х слоев.
...
Часть 7 - Рамочник
Часть 8 - рамочник
Часть 9 - Формула рамки
Часть 10 - Делаем рамочку из 8-ми слоёв фонов с уголками ,не покидая б
Часть 11 - Рамка в 3 слоя от Ларисы Герман
...
Часть 45 - ФОРМУЛЫ
Часть 46 - Как быстро найти нужное в коде
Часть 47 - Урок для новеньких"Как вставить музыку на картинку"

Серия сообщений "Формулы":
Часть 1 - формулы рамок
Часть 2 - Урок 1. Делаем простую рамочку из 2-х слоев.
...
Часть 5 - УРОК. РАМКА В РАМКЕ...
Часть 6 - Формула рамки от новичковой
Часть 7 - Рамочник
Часть 8 - рамочник
Часть 9 - Формула рамки
...
Часть 45 - ФОРМУЛЫ
Часть 46 - Как быстро найти нужное в коде
Часть 47 - Урок для новеньких"Как вставить музыку на картинку"

" /> Снаступающим 2013 ~ Грам ~

Серия сообщений "Мои рамки":
Часть 1 - 2-я рамка
Часть 2 - Рамка в 4 слоя
Часть 3 - Рамка с новым годом
Часть 4 - Рамка про женщин
Часть 5 - Из урока
...
Часть 13 - Фоторедактор
Часть 14 - РАМКИ С КРУГЛЫМИ УГЛАМИ БЕЗ ФОТОШОПА
Часть 15 - Делаем рамочку в фотошопе СС заливкой по контуру

Ваш текст ~ Ваш НИК на Ли.Ру ~

Серия сообщений "Формулы":
Часть 1 - формулы рамок
Часть 2 - Урок 1. Делаем простую рамочку из 2-х слоев.
...
Часть 4 - Урок 3. Делаем вместе простую рамочку из 4-х слоев
Часть 5 - УРОК. РАМКА В РАМКЕ...
Часть 6 - Формула рамки от новичковой
Часть 7 - Рамочник
Часть 8 - рамочник
...
Часть 45 - ФОРМУЛЫ
Часть 46 - Как быстро найти нужное в коде
Часть 47 - Урок для новеньких"Как вставить музыку на картинку"

Серия сообщений "Мои рамки":
Часть 1 - 2-я рамка
Часть 2 - Рамка в 4 слоя
Часть 3 - Рамка с новым годом
Часть 4 - Рамка про женщин
...
Часть 13 - Фоторедактор
Часть 14 - РАМКИ С КРУГЛЫМИ УГЛАМИ БЕЗ ФОТОШОПА
Часть 15 - Делаем рамочку в фотошопе СС заливкой по контуру

С праздникомliru_bot@jabber.ru">Анатолий

Серия сообщений "Мои рамки":
Часть 1 - 2-я рамка
Часть 2 - Рамка в 4 слоя
Часть 3 - Рамка с новым годом
...
Часть 13 - Фоторедактор
Часть 14 - РАМКИ С КРУГЛЫМИ УГЛАМИ БЕЗ ФОТОШОПА
Часть 15 - Делаем рамочку в фотошопе СС заливкой по контуру