Делаем рамки

Серия сообщений "Делаем рамки":
Часть 1 - Делаем рамки - серия уроков ФШ
Часть 2 - Золотая рамочка с фильтром Factory C в ФОТОШОПЕ
Часть 3 - ДЕЛАЕМ В ФШ РАМКУ С ЗАКРУГЛЕННЫМИ УГОЛКАМИ
Часть 4 - Рамка в ОДИН слой
Часть 5 - Делаем разрезную рамку в ФШ
Часть 6 - УЧИМСЯ ДЕЛАТЬ РАМКУ В ДВА СЛОЯ
Часть 7 - ДЕЛАЕМ РАМКУ В ЧЕТЫРЕ СЛОЯ
Часть 8 - ОТВЕТ ОППОНЕНТУ...))
Часть 9 - Учимся делать рамку в три слоя
Часть 10 - ДЕЛАЕМ РАМКУ В ШЕСТЬ СЛОЕВ
Часть 11 - ДЕЛАЕМ РАМКУ В ВОСЕМЬ СЛОЕВ
Часть 12 - Как вставить ПРОКРУТКУ в пост
Часть 13 - Делаем простую Рамку с двигающимся текстом
Часть 14 - Шаблоны рамок
Часть 15 - КАК СДЕЛАТЬ "ЗАСНЕЖЕННУЮ" РАМОЧКУ В ФШ
Часть 16 - Делаем ФШ разрезную рамку с обрамлением
Часть 17 - Делаем ФШ-рамку
Часть 18 - ЗАГИБАЕМ УГОЛОК
Часть 19 - Урок для КОРЕЛА "Monika"
Часть 20 - Урок - Рамочка многослойная в ФШ
Часть 21 - Учимся делать рамку для записи в 2 слоя
Часть 22 - Урок "Рамочка сделанная в Фотошопе"
Часть 23 - УРОК = КАК Я ДЕЛАЮ РАЗРЕЗНУЮ РАМОЧКУ В ФОТОШОП
Часть 24 - Делаем ФШ рамку с помощью бордюрных масок
Часть 25 - УРОК =ОРИГИНАЛЬНАЯ РАМОЧКА=
Часть 26 - Урок "Как избежать деления рамочки ФШ при написании в ней текста"
Часть 27 - Делаем в ФШ рамку для видео
Часть 28 - Делаем "рваную" рамку
Часть 29 - Как сделать рамочку в ФШ (1-я ЧАСТЬ урока) - урок от Мираж
Часть 30 - Как сделать рамочку в ФШ (2-я ЧАСТЬ урока) - урок от Мираж
Часть 31 - Делаем ФШ рамку - видео-урок
Часть 32 - Делаем рамку в Корел
Часть 33 - Простая рамка для записи с часиками
Часть 34 - Урок как сделать закругления по краям рамки и "кармашки"
Часть 35 - Цветные рамочки для текста
Часть 36 - Простые рамки с заголовком
Часть 37 - Простые рамки с фоном
Часть 38 - Прерывистые рамки для текста
Часть 39 - КОД РАЗРЕЗНОЙ ФОТОШОПНОЙ РАМКИ ДЛЯ Ли.Ру.
Часть 40 - Как сделать разрезную рамку в ФШ
Часть 41 - Коды для Мейла и ЛиРу
Часть 42 - Делаем разрезную рамку в ФШ

Тег FIELDSET

Рамки с помощью тега FIELDSET

   Чтобы сделать такую рамку, нужно воспользоваться следующим кодом:
<fieldset><legend>Заголовок рамки</legend>

Содержимое рамки (здесь может быть текст, код плеера с музыкой, фото, видео)




</fieldset>

   В заголовок также можно вставить все что угодно (фото, видео и др.). Достаточно прописать нужный код вместо фразы "Заголовок рамки".

Fieldset с цветной рамкой  

Используя следующие теги можно задать цвет рамки Fieldset:
<fieldset style="border:1px #00BFFF solid;">
<legend> Содержимое рамки

</fieldset>

Fieldset с цветной выпуклой рамкой

Здесь измене стиль рамки, цвет, размер, шрифт заголовка и сожержимого рамки.
Код такой рамки:
<fieldset style="border: #1874CD ridge thick;">
<legend> <b><span style="font-family:Monotype Corsiva;color:#104E8B;font-size:25px">Заголовок</b></span></legend><span style="font-family:Comic Sans MS;color:#8B795E;font-size:14px">Содержимое </span>

</fieldset>

Границы рамок border можете менять на свое усмотрение. Изменить размер, цвет и шрифт текста можете, пользуясь моей инструкцией. Пригодится Вам и таблица цвета HTML

Для того, чтобы сделать границу без заголовка, достаточно использовать следующий код:
<fieldset>содержимое рамки</fieldset>

Взято ЗДЕСЬ

Урок"Делаем рамку 8 слоев" (по просьбе)

По просьбе сделала урок"Как делать вот такую рамочку."
Рамку делайте в простом редакторе.

ВАШ ТЕКСТ

Копируете код,что между точек и в него ставите значения свои по скрину.
.......................................................

ВАШ ТЕКСТ

 

...............................................

Вот скрин формулы этой рамки

1.
 
Давайте разберем ее по выделенным цветам.
1 Розовый цвет это фон обводка 1 .Ставим вместо слов адрес фона (строго от кавычек до кавычек.)Адрес можно взять на яндексе например, нижнее окно под картинкой фоном (ссылка на картинку) Цифры помеченные розовым это ширина фона ,можно менять по желанию.
2 Желтый цвет это фон 2 узкий и цифры желтым можно менять.(от кавычек до кавычек осторожно)
3 Синий цвет это фон3 широкий . Цифры синим можно менять это ширина фона.
4 Зеленый фон основной 4,где будет текст или ваши картинки
5 Коричневый цвет: Ваш адрес дневника,а черный адрес картинки и также размеры ее (можно менять).При нажатии этой картинки откроется ваш дневник.
6 Если надо поменять цвет текста то смотрите это (color:#ffffff) перед словами Ваш текст.Менять с осторожностью код цвета после решетки и до кавычек
7 Если нужно картинку- ник поменять расположение, то вместо (div align="right")меняете на center или left

Серия сообщений "мои уроки":

Часть 1 - Урок делаем рамочку в фотошопе.(для новичков)
Часть 2 - Урок рамка фотошоп с картинкой. в Photoshop CS5 .
...
Часть 13 - Урок в Кореле"Janic"
Часть 14 - Мой перевод к уроку"Ilona"
Часть 15 - Урок"Делаем рамку 8 слоев" (по просьбе)

Рамка с круглыми углами

РАМКИ С КРУГЛЫМИ УГЛАМИ

Наверно многие, кто сейчас смотрит на рамку ниже, думают, что она сделана в программе Фотошоп...Нет. Она сделана с помощью html-кода, как обычные рамки с прямыми углами. Эффект круглых углов виден в браузерах Google Chrome, Mozilla Firefox. В Internet Explorer рамка будет отражаться как обычная с прямыми углами. В других не знаю. Я дам "скелетик" кода такой рамки, чтобы подставляя свои фоны и параметры, вы могли без особого труда собрать свою рамочку и объясню как им пользоваться.

Читать далее

Вот такая рамочка получилась у меня после добавления картинок. Думаю их код можно усовершенствовать, а варианты рамок разнообразить. Испытала только на Лиру. Для Яру и других сайтов нужен другой код. Может кто-то сделает. Была бы рада посмотреть на ваши рамки, которые вы сделаете по этому уроку. Удачи! Егорова Татьяна

Код готовой рамки <table style="border:0px none #000000" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16088.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table style="border:0px none #000000" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16063.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="border:0px none #000000" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16088.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table width="600" style="border:0px none #000000" background="//img0.liveinternet.ru/images/attach/c/10/110/555/110555002_m3.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:8px" zzz="zzz" align="center"><table border="0" cellspacing="0" cellpadding="0"><tr><td style="padding:4px" align="center"><table border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><span style="font-family:Verdana;color:#fff799;font-size:20px"><b><table style=" solid silver; border-radius:80px;" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16088.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table style=" solid silver; border-radius:80px;" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16063.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style=" solid silver; border-radius:80px;" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16088.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table width="600" style=" solid silver; border-radius:80px;" background="//img0.liveinternet.ru/images/attach/c/10/110/555/110555002_m3.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" zzz="zzz" align="center"><span style="font-family:Verdana;color:#fff799;font-size:20px"><b><a href="http://www.egorovatatiana.ru/" target="_blank"><img src="//img1.liveinternet.ru/images/attach/c/10/110/565/110565999_110557408_87648966_element55_ks.png" width="310" height="95" border="0" /></a><br /> Здесь будет Ваш текст<br /><br /><a href="http://www.egorovatatiana.ru/" target="_blank"><img src="//img1.liveinternet.ru/images/attach/c/10/110/565/110565999_110557408_87648966_element55_ks.png" width="310" height="95" border="0" /></a></b></span></td></tr><tr><td style="padding:0px" height="1%" align="center"><span style="font-family:Verdana;color:#000000;font-size:10px"><a href="http://www.egorovatatiana.ru/" target="_blank"></a> </span></td></tr></table></td></tr></table></td></tr></table></td></tr></table> </b></span></td></tr></table></td></tr><tr><td style="padding:4px" align="center"><table width="600" height="240" style="border:0px none #000000" background="//img1.liveinternet.ru/images/attach/c/10/110/557/110557223_82296535_0_49cdf_d7b1032f_M.png" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" zzz="zzz" align="center"><span style="color:#000000;font-size:20px"></span></td></tr></table></td></tr></table></td></tr><tr><td style="padding:0px" height="1%" align="center"><span style="font-family:Verdana;color:#000000;font-size:10px"><a href="http://www.egorovatatiana.ru/" target="_blank">Егорова Татьяна</a> </span></td></tr></table></td></tr></table></td></tr></table></td></tr></table>

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

Код "скелетик" такой рамки. Здесь будет Ваш текст. Код "скелетика" рамки <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 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 - картинка или текст распологаются по центру рамки. Хочется подчеркнуть, что вставлять свои адреса и цифры необходимо аккуратно, от кавычки до кавычки, НЕ ОСТАВЛЯЯ ПРОБЕЛОВ. Пробуйте, у Вас получится! ЖЕЛАЮ УДАЧИ! Nataliya_Bezyshko

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

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

Делаем разноцветные рамки

Делаем разноцветные рамки

Здесь будет ваш текст.
Надеюсь, рамка вам нравится...))

Код рамки:

padding - отступ текста от рамки внутри.

Цвет сторон рамки можно менять:



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

Здесь будет ваш текст.
Надеюсь, рамка вам нравится...))

Код рамки

для вас Лариса Гурьянова

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

Часть 1 - Золотая рамочка с фильтром Factory C в ФОТОШОПЕ
Часть 2 - Рамочка с радужным градиентом
...
Часть 40 - Рамка с круглыми углами
Часть 41 - Объемные рамки разной конфигурации. Без фотошопа!
Часть 42 - Делаем разноцветные рамки
Часть 43 - КОД РАЗРЕЗНОЙ ФОТОШОПНОЙ РАМКИ ДЛЯ Ли.Ру.
Часть 44 - Как сделать разрезную рамку в ФШ
Часть 45 - Коды для Мейла и ЛиРу
Часть 46 - Делаем разрезную рамку в ФШ

Золотая рамочка с фильтром Factory C в ФОТОШОПЕ

По просьбе читательницы я расскажу как сделать "Золотую рамочку" в фотошопе.

Фильтр Filter Factory(комплект)

Photoshop Урок : Создание Романтичной рамочки - выреза для фото с применением Стилей

Photoshop Урок : Создание Романтичной рамочки - выреза для фото с применением Стилей

Photoshop Урок : Создание Романтичной рамочки - выреза для фото с применением Стилей 

вариант рамочек для поздравлений

***Здесь пишите свой текст***

<center><img src="https://img-fotki.yandex.ru/get/6616/23869276.99/0_95f5a_6b8c6860_XL.png" width="250" height="" border="0" align="left" /><br /><br /><br /><br /><div style="border:2px inset #000099;border-radius:10px;padding:10px;background-image:url('https://img-fotki.yandex.ru/get/5308/120937872.fc/0_ae3a1_a4d19f17_XS.png');width:85%;box-shadow: inset 0px 0px 25px #000000;"><img src="https://img-fotki.yandex.ru/get/6515/23869276.99/0_95f59_be8a1ece_XL.png" width="200" height="" border="0" align="right" /><div style="border:2px dashed #000099;border-radius:10px;padding:10px;background-image:url('***фон-2***');width:90%;box-shadow: inset 0px 0px 25px #000000;"><center><div style="border:6px double #000099;border-radius:10px;padding:10px;background-image:url('***фон-3 для текста***');width:90%;box-shadow: inset 5px 5px 35px #000000;"><center><br /><font face="***шрифт***"> <text size="5"><font size="+1"><font color="#***цветШрифта***">***Здесь пишите свой текст***</font></font></text> </font><br /><br /></center></div></center></div></div></center>

А. Барто - Не одна

Не одна
Мы не ели, мы не пили,
Бабу снежную лепили.

В. Степанов - Зимние качели

Взобрался снеговик
На зимние качели,
И в тот же самый миг
Качели - полетели.

Они снеговика
Помчали, как в ракете,
Туда, где облака
Качает в небе ветер.

Задрав морковный нос,
Смотрел он удивлённо
На свет волшебных звёзд,
То синих, то зелёных.

Внизу каток блестел,
Темнели чьи-то крыши,
А снеговик летел
Всё выше, выше, выше

И так себе сказал,
Взяв звёздочку на память:
"Я в сказке побывал,
Теперь не страшно таять..."

<center><img src="https://img-fotki.yandex.ru/get/6616/23869276.99/0_95f5a_6b8c6860_XL.png" width="250" height="" border="0" align="left" /><br /><br /><br /><br /><div style="border:2px inset #000099;border-radius:10px;padding:10px;background-image:url('https://img-fotki.yandex.ru/get/5308/120937872.fc/0_ae3a1_a4d19f17_XS.png');width:85%;box-shadow: inset 0px 0px 25px #000000;"><img src="https://img-fotki.yandex.ru/get/6515/23869276.99/0_95f59_be8a1ece_XL.png" width="200" height="" border="0" align="right" /><div style="border:2px dashed #000099;border-radius:10px;padding:10px;background-image:url('***фон-2***');width:90%;box-shadow: inset 0px 0px 25px #000000;"><center><div style="border:6px double #000099;border-radius:10px;padding:10px;background-image:url('***фон-3 для текста***');width:90%;box-shadow: inset 5px 5px 35px #000000;"><center><br /><font face="***шрифт***"> <text size="5"><font size="+1"><font color="#***цветШрифта***"><marquee style="background:#***; padding:10px; border-right: #****** 3px dotted; border-top:#0000cc 3px dotted; border-left: #****** 3px dotted; border-bottom:#0000cc 3px dotted;" scrollamount="1" scrolldelay="60" direction="up" width="280" height="120"><div align="center"><div style=" font-weight: bold; text-align: center; color: #F0F0F0; font-family: Garamond, serif; font-size: 20.0px; line-height: 140%; text-shadow: 2.0px 1.0px 1.0px #0F3B87, -2.0px 1.0px 1.0px #333333, 2.0px -1.0px 7.0px #333333;">В. Степанов - Зимние качели</div><br /> <br /> Взобрался снеговик<br /> На зимние качели,<br /> И в тот же самый миг<br /> Качели - полетели.<br /> <br /> Они снеговика<br /> Помчали, как в ракете,<br /> Туда, где облака<br /> Качает в небе ветер.<br /> <br /> Задрав морковный нос,<br /> Смотрел он удивлённо<br /> На свет волшебных звёзд,<br /> То синих, то зелёных.<br /> <br /> Внизу каток блестел,<br /> Темнели чьи-то крыши,<br /> А снеговик летел<br /> Всё выше, выше, выше<br /> <br /> И так себе сказал,<br /> Взяв звёздочку на память:<br /> "Я в сказке побывал,<br /> Теперь не страшно таять..."</div><br /></marquee></font></font></text></font> <br /><br /></center></div></center></div></div></center>

Бабу снежную слепили
Мы с друзьями во дворе
И с трудом установили
Возле дома на горе.
Вместо носа - с ёлки шишка,
Углем сделали глаза,
Красный бантик ей малышка
Закрепила в волосах.
Волосы - охапка сена,
Вместо рук - сучки с земли.
Платье ей надела Лена,
Даже шаль мы ей нашли.
Встала баба к дому задом,
Руки в боки, взгляд поник.
Отчего она не рада?!
Срочно нужен снеговик!
Вмиг работа закипела,
Катим ком большой снежка.
Быстро справились мы с делом,
Вылепив снеговика.
Баба радуется наша,
Друг теперь нашёлся ей,
И поёт она, и пляшет -
Стало вместе веселей!
И. Зимина

<center><img src="https://img-fotki.yandex.ru/get/6616/23869276.99/0_95f5a_6b8c6860_XL.png" width="250" height="" border="0" align="left" /><br /><br /><br /><br /><div style="border:2px inset #000099;border-radius:10px;padding:10px;background-image:url('https://img-fotki.yandex.ru/get/5308/120937872.fc/0_ae3a1_a4d19f17_XS.png');width:85%;box-shadow: inset 0px 0px 25px #000000;"><img src="https://img-fotki.yandex.ru/get/6515/23869276.99/0_95f59_be8a1ece_XL.png" width="200" height="" border="0" align="right" /><div style="border:2px dashed #000099;border-radius:10px;padding:10px;background-image:url('***фон-2***');width:90%;box-shadow: inset 0px 0px 25px #000000;"><center><div style="border:6px double #000099;border-radius:10px;padding:10px;background-image:url('***фон-3 для текста***');width:90%;box-shadow: inset 5px 5px 35px #000000;"><center><br /><font face="***шрифт***"> <text size="5"><font size="+1"><font color="#***цветШрифта***"><div style="height:120px;overflow:auto;padding:8px;">Бабу снежную слепили<br /> Мы с друзьями во дворе<br /> И с трудом установили<br /> Возле дома на горе.<br /> Вместо носа - с ёлки шишка,<br /> Углем сделали глаза,<br /> Красный бантик ей малышка<br /> Закрепила в волосах.<br /> Волосы - охапка сена,<br /> Вместо рук - сучки с земли.<br /> Платье ей надела Лена,<br /> Даже шаль мы ей нашли.<br /> Встала баба к дому задом,<br /> Руки в боки, взгляд поник.<br /> Отчего она не рада?!<br /> Срочно нужен снеговик!<br /> Вмиг работа закипела,<br /> Катим ком большой снежка.<br /> Быстро справились мы с делом,<br /> Вылепив снеговика.<br /> Баба радуется наша,<br /> Друг теперь нашёлся ей,<br /> И поёт она, и пляшет -<br /> Стало вместе веселей!<br /> И. Зимина</div></font></font></text> </font><br /><br /></center></div></center></div></div></center>

Как использовать формулу разрезной рамочки)))Урок для новичков...


По просьбе ПЧ решила сделать этот пост.
Здесь я расскажу ,как после того ,как вы сделали и загрузили
на фотохостинг свои детали рамочки, можно поставить их в формулу.
Урок как сделать рамочку в фотошопе я рассказывала
Здесь
Читать далее...

Как вставить пост в готовую рамочку)))

Всем привет))) Мне часто задают вопросы,как вставить текст или картинку в готовую рамочку.. Я знаю что уроков по этому вопросу очень много,но не все знают про них. Этот пост я написала прежде всего тем,кто только пришёл на Ли.ру или кто так и не научился оформлять свой пост в рамочку. Сразу хочу оговорится,этот урок (объяснение)я буду писать для ПРОСТОГО редактора,т.к сама только им пользуюсь.... В конце этого поста я дам ссылочки на уроки к другому редактору других авторов.. (это для того,что вдруг этот пост будет кому то сложен,непонятен,или он хочет попробовать по другому) Я буду объяснять на примере.(мне так проще) Мы будем делать вот такой пост: (Кликни по изображению) И так начнём: SemIra

КОД РАЗРЕЗНОЙ ФОТОШОПНОЙ РАМКИ ДЛЯ Ли.Ру.




ПАМЯТКА НАЧИНАЮЩИМ ФОТОШОППЕРАМ

КОД РАЗРЕЗНОЙ ФОТОШОПНОЙ РАМКИ ДЛЯ Ли.Ру.

Наверно многие ( и я в том числе) сталкивались с тем, что при попытке вставить фотошопную мейловскую рамочку на Ли.Ру., она (рамка) разрывается по высоте.
Чтобы такого не происходило, надо использовать для рамки другой код. Я знаю, по крайней мере, два варианта. Коды изобретены не мной, вот они:

Первый вариант:
Код рамки:

Второй вариант.
Код рамки:

Напоминаю вам, что ШИРИНА всех частей рамки должна быть ОДИНАКОВОЙ!!!
Удачи!

для вас Лариса Гурьянова

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

Часть 1 - ГРАФИЧЕСКИЙ РЕДАКТОР - AMS Photo Framer
Часть 2 - Золотая рамочка с фильтром Factory C в ФОТОШОПЕ
...
Часть 42 - Делаем разноцветные рамки
Часть 43 - РАМКИ С КРУГЛЫМИ УГЛАМИ БЕЗ ФОТОШОПА
Часть 44 - КОД РАЗРЕЗНОЙ ФОТОШОПНОЙ РАМКИ ДЛЯ Ли.Ру.
Часть 45 - Как сделать разрезную рамку в ФШ
Часть 46 - Коды для Мейла и ЛиРу
Часть 47 - Делаем разрезную рамку в ФШ

Серия сообщений "* Для ЛиРу":

Часть 1 - ЧТО ЗА "СИМПОЧКИ"???
Часть 2 - КАК НА ЛиРу СМЕНИТЬ email?
...
Часть 20 - Как занести непрошенных гостей в ЧС
Часть 21 - Как под рубрику вставить картинку
Часть 22 - КОД РАЗРЕЗНОЙ ФОТОШОПНОЙ РАМКИ ДЛЯ Ли.Ру.
Часть 23 - КАК ВСТАВИТЬ В ДНЕВНИК MP3-ПЛЕЕР
Часть 24 - Учимся делать музыкальную открытку
Часть 25 - Как избавиться от неприятных гостей?
Часть 26 - Как переносить посты с Мейла на ЛиРу.
Часть 27 - Как легко перенести пост с Мейла на ЛиРу

Рамочка "Цветочная"-Урок для фотошопа

В этом уроке мы будем делать цветочную рамочку


Читать далее

Узорная рамочка (урок для фотошопа)

По просьбе ПЧ , я вам расскажу как в программе Фотошоп
сделать "Узорную рамочку"

И так начнем

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

урок -разрезная рамочка в фотошопе

Урок - разрезная рамочка в фотошопе!!!

В этом уроке я предлагаю сделать разрезную рамочку в фотошопе.

И так, начнем!!!

Для рамочки я использовала вот этот клипарт, жмите...

//img-fotki.yandex.ru/get/5639/160780412.19/0_9c684_593ccec1_XL
//img-fotki.yandex.ru/get/4125/160780412.19/0_9c685_999bfce5_XL
//img-fotki.yandex.ru/get/4136/160780412.19/0_9c686_efc27113_XL

Открываем фотошоп и жмем...

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

УРОКИ по созданию рамочек

Серия сообщений "Уроки по изготовлению рамочек": Часть 1 - Уроки PhotoShop создание рамок Часть 2 - Урок "Экшен рамка" Часть 3 - Фотошоп. Рамка - Внутренняя тень. Часть 4 - Урок по созданию рамок.ФШ Часть 5 - Урок №17 Учимся делать рамочки Часть 6 - Учимся делать вот такую красоту... Часть 7 - Делаем многослойную рамочку в ФШ Часть 8 - Рамочки с помощью маски (урок фотошопа) Часть 9 - Урок. Простая рамочка. Часть 10 - ДЕЛАЕМ РАМОЧКИ САМИ в ФШ Часть 11 - Вставляем в рамку фото или картинку ФШ Часть 12 - Оформление простой рамочкой ФШ Часть 13 - Оформление картинки рамочкой ФШ Часть 14 - Как украсить картинку блестящими полосками . Часть 15 - Золотая рамочка с фильтром Factory C в ФОТОШОПЕ Часть 16 - Рамочка "Quarter corner", ФШ Часть 17 - Золотая рамочка из маски в Фотошопе. Часть 18 - Уроки фотошоп Часть 19 - Урок ФШ. Рамка с применением шумов Часть 20 - Урок ФШ. Несколько рамок на одной картинке Часть 21 - Делаем ФШ рамочки в Gimp Урок 3 Часть 22 - Урок ФШ. Радужная рамка Часть 23 - Рамочка "Чародейка" Часть 24 - Рамочка с бегущими огоньками Часть 25 - Рамочка для коллажа или картинки - 2. Часть 26 - Несложные рамки своими руками в Фотошопе Часть 27 - Урок. Простая рамочка. Часть 28 - Уроки от Зоси ДЕЛАЕМ И УКРАШАЕМ РАМОЧКУ в ФШ Часть 29 - Уроки от Зоси ФОТОШОПНАЯ РАМОЧКА. Часть 30 - Урок "Создание рамочки в Фотошопе".(для блога) Часть 31 - Урок 45. Блестящие полоски на картинке Часть 32 - Рамка с декором, урок №2 от О.Бор Часть 33 - Урок-тренинг №2 РАМКА- СТАНДАРТ ДЛЯ ФОТО. Часть 34 - Урок. Красивая круглая рамочка из тесьмы или ленты..... Часть 35 - Урок. Создание фигурной рамки в фотошоп. Часть 36 - Рисуем выпуклую рамку. Часть 37 - Уроки "Фотошопа" по созданию рамки Часть 38 - УРОК. "КАК СДЕЛАТЬ РАЗРЕЗНУЮ РАМОЧКУ В ФШ" Часть 39 - Создаем круглую рамочку из лент Часть 40 - Делаем ажурную рамочку. Часть 41 - урок "Блестящая рамка" от Саюри Часть 42 - Урок рамочки. ПОЛЁТ НАШЕЙ ФАНТАЗИИ.( рамочки в ФШ) Часть 43 - Рамочки с помощью маски (урок фотошопа) Часть 44 - Урок по созданию рамок в Фотошопе Часть 45 - Урок делаем рамочку в фотошопе.(для новичков) Часть 46 - Урок рамка фотошоп с картинкой. в Photoshop CS5 . Часть 47 - Урок :Рамочка многослойная в ФШ(по просьбе) Часть 48 - УРОК = КАК РАЗРЕЗАТЬ РАМОЧКУ ФОТОШОП И ВСТАВИТЬ В СООБЩЕНИЕ ИСТОЧНИК Рамочка от Анточки

Урок как сделать закругления по краям и "кармашки"

Урок, как сделать полукружья по краю рамочки и кармашки в самой рамочке. 1. Создадим заготовку для рамочки (по вашему желанию) 2. Под заготовкой добавляем прозрачный фон, большего размера,чем сама заготовка (см предыдущий урок) 3. Встали на слой с рамкой и инструментом овальная область нарисовали круг Далее...

Nata Vi

Код рамочки:

Благодарю за внимание! Удачи в работе!

Как сделать рамочку в ФШ (1-я ЧАСТЬ урока)

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

УЧИМСЯ ДЕЛАТЬ РАМОЧКУ ПО ПРЕДЛОЖЕННОЙ ФОРМУЛЕ

Перед вами три рамочки, выполненные по одной и той же формуле. Мне кажется, что это самая простая формула, по которой можно сделать довольно приличную рамочку. Посмотрим, что же собой представляет эта формула.




<div align="center"><table border="0" background="//img-fotki.yandex.ru/get/4714/104967700.68/0_76cb2_4799c22a_XS.jpg" cellpadding="0" cellspacing="0"><tr><td style="padding: 0px;"><center><img src="https://img-fotki.yandex.ru/get/15543/86441892.8df/0_1125f6_7a5dfad0_orig.jpg" width="650" /><br /><img src="https://img-fotki.yandex.ru/get/103691/128617080.fb1/0_1651f2_ffc94444_orig.gif" width="300" /><br /><br /><center><font size="5" color="#ffffff" face="Monotype Corsiva"> Здесь будет ваш текст<br /><br /><img src="https://img-fotki.yandex.ru/get/3613/242007152.45/0_11a182_4964758a_orig" width="400" /><br /></font></center><div align="center"><a target="_blank" href="//www.liveinternet.ru/users/tomishka/"><font size="1" color="#ffffff" face="Monotype Corsiva">tomishka</font></a></div></center></td></tr></table></div><br />


<div align="center"><table border="0" background="//img0.liveinternet.ru/images/attach/c/8/101/23/101023900_20130518_013052.jpg" cellpadding="0" cellspacing="0"><tr><td style="padding: 0px;"><center><img src="https://img-fotki.yandex.ru/get/893194/455745147.85/0_16bbcc_765b9383_orig" width="650" /><br /><img src="https://img-fotki.yandex.ru/get/172017/198571148.488/0_1b3be9_5b920ffd_orig" width="370" /> <br /> <br /><center> <font size="5" color="#000000" face="Monotype Corsiva"> Здесь будет ваш текст<br /><br /><img src="//img0.liveinternet.ru/images/attach/d/0/139/176/139176414_defne9.gif" width="124" /><br /></font></center><div align="center"><a target="_blank" href="//www.liveinternet.ru/users/tomishka/"><font size="1" color="#000000" face="Monotype Corsiva">tomishka</font></a></div></center></td></tr></table></div><br />


<div align="center"><table border="0" background="//img-fotki.yandex.ru/get/4524/104967700.6e/0_76e0b_151fd0cc_XS.jpg" cellpadding="0" cellspacing="0"><tr><td style="padding: 0px;"><center><img src="http://i.ytimg.com/vi/V9ENqGGh9xg/maxresdefault.jpg" width="650" /><br /><img src="//img1.liveinternet.ru/images/attach/d/1/133/592/133592125_d3b2d8061084.gif" width="300" /><br /><center><font size="5" color="#000000" face="Monotype Corsiva"> Здесь будет ваш текст<br /><br /><img src="https://img-fotki.yandex.ru/get/931298/39663434.c7d/0_d05e5_1c3f2fac_XL.png" width="600" /><br /></font></center><div align="center"><a target="_blank" href="//www.liveinternet.ru/users/tomishka/"><font size="1" color="#000000" face="Monotype Corsiva">tomishka</font></a></div></center></td></tr></table></div><br />
Код для рамочки

<div align="center"><table border="0" background="ФОН РАМОЧКИ" cellpadding="0" cellspacing="0"><tr><td style="padding: 0px;"><center><img src="КАРТИНКА №1" width="650" /><br /><img src="КАРТИНКА №2" width="300" /><br /><br /><center><font size="5" color="#000000" face="Monotype Corsiva"> Здесь будет ваш текст<br /><br /><img src="КАРТИНКА №3" width="300" /><br /></font></center><div align="center"><a target="_blank" href="ССЫЛКА НА БЛОГ"><font size="1" color="#000000" face="Monotype Corsiva">ИМЯ БЛОГА</font></a></div></center></td></tr></table></div><br />

В окошке вверху дан код-шаблон, попытаемся с ним разобраться. В коде есть ФОН РАМОЧКИ, КАРТИНКА №1, КАРТИНКА №2 и КАРТИНКА №3. Фон желательно подобрать так, чтобы он подходил к первой картинке. Сама первая картинка, найденная вами, отражает сюжет, для которого и делается рамочка. Две другие картинки - это разделители, которые служат для украшения рамочки. Хотелось бы, чтобы они тоже подходили к сюжету. Ширина первой картинки в шаблоне 650 px, но вы можете её увеличить или уменьшить по своему усмотрению в допустимых пределах. Ширина двух других картинок 300 px, но, в зависимости от вида взятого разделителя, её тоже можно изменить. В роли разделителя может использоваться клипарт или красивый текст. ССЫЛКА НА БЛОГ и ИМЯ БЛОГА также надо заменить на свои собственные. Все замены соответствующими адресами надо делать очень аккуратно, не затрагивая кавычек, причем ни в начале ( после открывшейся кавычки), ни в конце ( перед закрывшейся кавычкой) не должно быть пробелов. Текст и имя блога будут напечатаны черным цветом, так как выбран код цвета, состоящий из шести нулей, при желании цвет можно изменить на другой. Желаю удачи!

Учимся делать рамочку по предложенной формуле




<div align="center"><table border="0" background="https://img-fotki.yandex.ru/get/194550/50114850.7e7/0_11e176_bae1480_S.jpg" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="https://img-fotki.yandex.ru/get/372432/50114850.875/0_127dab_53863089_S" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="https://img-fotki.yandex.ru/get/194550/50114850.7e7/0_11e176_bae1480_S.jpg" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="//img-fotki.yandex.ru/get/9509/112265771.2d9/0_968e5_95d085e4_S.jpg" cellpadding="45" cellspacing="0"><tr><td style="padding: 45px;"><table border="0" background="https://img-fotki.yandex.ru/get/194550/50114850.7e7/0_11e176_bae1480_S.jpg" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="https://img-fotki.yandex.ru/get/372432/50114850.875/0_127dab_53863089_S" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="https://img-fotki.yandex.ru/get/194550/50114850.7e7/0_11e176_bae1480_S.jpg" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="//img-fotki.yandex.ru/get/6000/114259404.622/0_8bb13_605cedf8_S.jpg" cellpadding="15" cellspacing="0"><tr><td style="padding: 15px;"><center><img src="https://img0.liveinternet.ru/images/foto/c/1/838/4215838/f_21236948.jpg" width="500" /><br /><img src="http://intelekt-um.ru/images/anonsi/phoca_thumb_l_c-06.png" width="200" /><br /><center><font size="5" color="#333333" face="Monotype Corsiva"> Здесь будет ваш текст<br /><br /><img src="http://intelekt-um.ru/images/anonsi/phoca_thumb_l_c-06.png" width="200" /><br /></font></center><div align="center"> <a target="_blank" href="АДРЕС БЛОГА"><font size="1" color="#333333" face="Monotype Corsiva">tomishka</font></a></div></center></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></div><br />



<div align="center"><table border="0" background="https://img0.liveinternet.ru/images/attach/c/0/118/139/118139282_8.jpg" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="//img-fotki.yandex.ru/get/5608/83186431.d0/0_62aeb_29a42775_S.jpg" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="https://img0.liveinternet.ru/images/attach/c/0/118/139/118139282_8.jpg" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="//img-fotki.yandex.ru/get/6602/93940825.81/0_873a3_5f4d4e60_M.jpg" cellpadding="45" cellspacing="0"><tr><td style="padding: 45px;"><table border="0" background="https://img0.liveinternet.ru/images/attach/c/0/118/139/118139282_8.jpg" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="//img-fotki.yandex.ru/get/5608/83186431.d0/0_62aeb_29a42775_S.jpg" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="https://img0.liveinternet.ru/images/attach/c/0/118/139/118139282_8.jpg" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="https://img0.liveinternet.ru/images/attach/c/1//48/868/48868965_autr45.jpg" cellpadding="0" cellspacing="0"><tr><td style="padding: 0px;"><center><img src="https://img-fotki.yandex.ru/get/16183/201409892.ed/0_105e12_4bca70fd_orig.jpg" width="550" /><br /><img src="https://img-fotki.yandex.ru/get/879536/370314972.75b/0_187b79_c78eb6f5_XL.gif" width="350" /><br /><br /><center><font size="5" color="#fafec8" face="Monotype Corsiva"> Здесь будет ваш текст<br /><br /><img src="https://img-fotki.yandex.ru/get/16132/160780412.d28/0_16626d_48402e9d_orig.png" width="550" /><br /></font></center><div align="center"> <a target="_blank" href="АДРЕС БЛОГА"><font size="1" color="#fafec8" face="Monotype Corsiva">tomishka</font></a></div></center></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></div><br />

Перед вами две рамочки, выполненные по одной и той же формуле. В первой рамочке пришлось уменьшить ширину разделителя до 200, так как ширина оригинала 800. Во второй рамочке в качестве второго разделителя взят клипарт, но ширину тоже пришлось уменьшить до 550. Кроме этого ширина основного фона нулевая, а размер картинки увеличен до 550. Формулу я взяла у Ларисы Гурьяновой и большую часть своих рамочек делаю по ней. Посмотрим, что же собой представляет эта формула.

Код для рамочки

<div align="center"><table border="0" background="АДРЕС ФОНА ОБВОДКИ" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="АДРЕС БЛЕСТЯЩЕГО ФОНА" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="АДРЕС ФОНА ОБВОДКИ" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="АДРЕС ШИРОКОГО ФОНА" cellpadding="45" cellspacing="0"><tr><td style="padding: 45px;"><table border="0" background="АДРЕС ФОНА ОБВОДКИ" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="АДРЕС БЛЕСТЯЩЕГО ФОНА" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="АДРЕС ФОНА ОБВОДКИ" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="АДРЕС ОСНОВНОГО ФОНА" cellpadding="15" cellspacing="0"><tr><td style="padding: 15px;"><center><img src="АДРЕС КАРТИНКИ" width="500" /><br /><img src="АДРЕС РАЗДЕЛИТЕЛЯ" border="0" /><br /><center><font size="5" color="#000000" face="Monotype Corsiva"> Здесь будет ваш текст<br /><br /><img src="АДРЕС РАЗДЕЛИТЕЛЯ" border="0" /><br /></font></center><div align="center"> <a target="_blank" href="АДРЕС БЛОГА"><font size="1" color="#000000" face="Monotype Corsiva">ИМЯ БЛОГА</font></a></div></center></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></div><br />
В окошке вверху дан код-шаблон, попытаемся с ним разобраться. Рамочка восьмислойная: 4 слоя обводки, 2 блестящих слоя, слой широкой полоски и слой основного фона. Кроме этого рамка предусматривает наличие картинки и двух разделителей, украшающих рамочку. Чем отличается один слой от другого? Только своей шириной: ширина основного фона 15px, широкая полоска 45px, все остальные по 4px. Указанные размеры можно менять, но надо помнить, что изменить надо оба числа в слое, а не одно. Если картинку взять шириной 500px, то ширина всей рамочки будет, как легко подсчитать, 668px. Все размеры для каждого слоя в шаблоне можно менять, но в разумных пределах. Лично я меняю указанные размеры очень редко, последнее время, правда, ширину основного фона беру нулевой, но увеличиваю размер картинки до 550. Ниже в окошке представлена информация, относящаяся к одному слою, ширина которого 4px, в конце стоят три закрывающих тега с наклонными черточками. В коде-шаблоне всей рамочки для каждого из 8-ми слоев они все стоят в конце.
Один слой шириной 4px

<table border="0" background="АДРЕС ФОНА" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"></td></tr></table>
Осталось разобраться с картинкой и разделителями. Сравним информацию, относящуюся к картинке, с информацией для разделителя. Для картинки указана конкретная ширина, и если ваша картинка шире, то она будет уменьшена, а соответственно автоматически изменится и высота картинки. А вот разделитель останется в размере оригинала. Если этот размер не превышает 500, то рамочка по размеру не изменится, а если он широкий, то рамочка растянется в ширину. В этом случае надо взять из картинки width="500" и поставить в разделитель вместо border="0" и, может быть, сразу 500 заменить на 300 или 200.
Картинка

<img src="АДРЕС КАРТИНКИ" width="500" />
Разделитель

<img src="АДРЕС РАЗДЕЛИТЕЛЯ" border="0" />
В роли разделителя может использоваться клипарт или красивый текст. ССЫЛКА НА БЛОГ и ИМЯ БЛОГА также надо заменить на свои собственные. Все замены соответствующими адресами надо делать очень аккуратно, не затрагивая кавычек, причем ни в начале ( после открывшейся кавычки), ни в конце ( перед закрывшейся кавычкой) не должно быть пробелов. В последнее время у заносимого адреса частенько автоматически убирается http:, но это никак не влияет на конечный результат при создании рамочки. Текст и имя блога будут напечатаны черным цветом, так как выбран код цвета, состоящий из шести нулей, при желании цвет можно изменить на другой.
А теперь несколько советов. Занеся в черновик дневника код-шаблон рамочки, я первым делом размещаю картинку, вставляя аккуратно адрес найденной для рамочки картинки вместо текста АДРЕС КАРТИНКИ. Потом нахожу среди однотонных фонов подходящий для картинки фон и вставляю его адрес, внимательно следя за кавычками. Теперь беру адрес выбранной обводки и вставляю на место той обводки, которая следует за широкой полосой. В этом случае очень хорошо видно, подходят ли выбранные фоны друг к другу. Если фоны, с моей точки зрения, не подошли, ищу другой фон для обводки, а если подошли, то вставляю адрес вместо остальных адресов обводки. Если фон с mail.ru, то для самого первого слоя его использовать нельзя, а внутри можно. Поэтому в таких случаях для первого слоя обводки я беру адрес основного фона, если он не с mail.ru. Ниже представлено немного фонов, используемых для обводки, причем последний с mail.ru.

Фоны, используемые в качестве блестящих, можно посмотреть, зайдя по ссылке https://www.liveinternet.ru/users/tomishka/post424040715/
Это цитата сообщения Arnusha в моем блоге. Наконец в произвольном порядке заполняю все остальное. Желаю всем удачи в создании восьмислойных рамочек. Вопросы можно задать в комментариях.