Создать рамочку для фотографии.

Я уже писала как с помощью программы Paint.NET 3.5.1 можно быстро вставить фотографию в рамочку.

После этого публиковала пост с Новогодними рамочками - кому-то они понравились, кому-то нет. Но были и такие кто недоволен тем что это не наш новый год, не наш дед мороз и т.п. Типа тупо копируем запад. Так вот сегодня хочу Вам рассказать как можно сделать самую простую , но в тоже время эксклюзивную рамочку самому. Делать будем опять же в программе Paint.NET

Открываем программу - создаём новый лист - можно его просто одноцветным залить или выбрать градиент, выбираем цвет и заливаем им пустой лист. Если Вам лень возится с цветами, заливками и градиентами, то как фон можете взять уже какую-нибудь готовую картинку по Вашему вкусу.

ДАЛЕЕ ...

УРОК = ВСТАВЛЯЕМ ПЛЕЙЛИСТ В ФОТОПНУЮ РАМКУ=

Урок по созданию разрезных рамочек -"свитков" и код к ним=

Автор поста La@Perla (Маргарита) Урок по созданию разрезных рамочек -"свитков" и код к ним. Попробую описать процесс изготовления рамочек вот такого вида Для себя я называю их рамочками - "свитками" потому, что как и в свитках у них есть неизменная верхняя и неизменная нижняя часть... А середина раскручивается по вертикали при наполнении рамочки текстом. »Читать далее…» Удачи и всех благ! С уважением La@Perla (Маргарита) Еще материалы по оформлению блога можно найти ЗДЕСЬ Оригинал поста здесь

УРОК = КАК РАЗРЕЗАТЬ РАМОЧКУ ФОТОШОП И ВСТАВИТЬ В СООБЩЕНИЕ =

ВСЕ МОИ УРОКИ ЗДЕСЬ Меня попросили рассказать, как я делаю свои рамочки в программе фотошоп. Дизайн рамочки каждый придумывает сам, пользуясь инструментами в фотошоп, то ли она прямоугольная, то ли овальная, то ли нестандартной формы. Используя картинки, рисунки в формате PNG (т.е. на прозрачном слое), анимацию и фоны мы фантазируем и творим наши шедевры. Главное нужно помнить, что средняя часть рамочки должна быть без рисунка (желательно однотонной), чтобы лучше был виден текст. Также в уголочке рамочки напишите свой логин, чтобы было видно кто ее автор. Ну вот рамочка окончена и теперь нам нужно ее перенести в простой редактор нашего сообщения. Есть много способов, о них написаны много сообщений, но я расскажу как это делаю я. ПЕРВОЕ - если ваша рамочка не находится на прозрачном слое ( т.е. если границы рамочки имеют стандартную форму), мы ее сохраняем в формате JPEG. ФАЙЛ-СОХРАНИТЬ КАК- ТИП ФАЙЛОВ (выбираем формат JPEG). ВТОРОЕ - если ваша рамочка необычной формы, с выходящими за границу цветами, фигурной рамкой и т. д., мы сохраняем ее в формате PNG. ФАЙЛ-СОХРАНИТЬ КАК-ТИП ФАЙЛОВ (выбираем формат PNG). ТРЕТЬЕ - если в вашей рамочке присутствует анимация, сохраняем ее в формате GIF. ФАЙЛ-СОХРАНИТЬ ДЛЯ WEB И УСТРОЙСТВ- выбираете один из вариантов изображения, щелкаете по нему и затем выставляете значения как на картинке. В строчке , где написано МАТОВЫЙ - выбираете НЕ ПОКАЗЫВАТЬ:

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

Коды для Мейла и ЛиРу


Окошко для кода

ДЛЯ МЕЙЛА
<center><input type="text" size="15" value="ВАШ КОД" /></center>

ДЛЯ ЛиРу
<textarea rows="5" cols="40">ВАШ КОД</textarea>

Для того, чтобы скопировать формулу в окошке, щелкните левой мышкой по коду и нажмите CTRL + A Код выделится синим, скопируйте его.
Читать далее...

Делаем в ФШ рамку для видео

КОД ДЛЯ МЕЙЛА

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

Делаем в ФШ рамку для видео

По просьбе Мираж рассказываю как сделать такую рамку под видео с Ютуб.

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

Клипарт "Телевизоры" можно взять ЗДЕСЬ


















Вот мы и получили верх нашей рамки




Получили нижнюю часть видео-рамки




Получили среднюю часть рамки


Ну вот, фотошопная работа закончилась. Теперь идем в блог в новую запись и в формате HTML вставляем следующую формулу:


<div align="center"><table border="0" background="АДРЕС ВЕРХНЕЙ ЧАСТИ" cellpadding="0" cellspacing="0" height="ВЫСОТА ВЕРХНЕЙ ЧАСТИ" width="ШИРИНА РАМКИ"><tr><td></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="640"><center><font face="Monotype Corsiva" color="#FFFFFF" style="font-size:25px"><i><b>Здесь будет ваше видео<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 href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=АДРЕС ВАШЕГО ДНЕВНИКА" target="_blank"><img src="//img-fotki.yandex.ru/get/4117/136160416.ae/0_a855c_26c372b9_XS.gif.jpg" width="36" height="31" title="" alt="" border="0" /> </a></center></td></tr></table> </div>

Будьте внимательны, когда будете вставлять свои значения. Адреса всех частей и ширину рамки вы возьмете с Яндекс.Фотки , когда загрузите туда все три части рамочки.
А код музыки на YouTube получаем так.

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

Надеюсь, все было понятно..)) Удачи!
для вас Лариса Гурьянова

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

Часть 1 - Золотая рамочка с фильтром Factory C в ФОТОШОПЕ
Часть 2 - Рамочка с радужным градиентом
...
Часть 24 - УРОК =ОРИГИНАЛЬНАЯ РАМОЧКА=
Часть 25 - Урок "Как избежать деления рамочки ФШ при написании в ней текста"
Часть 26 - Делаем в ФШ рамку для видео
Часть 27 - Делаем "рваную" рамку
Часть 28 - Рамочка "Linda Jacobs"
...
Часть 44 - Как сделать разрезную рамку в ФШ
Часть 45 - Коды для Мейла и ЛиРу
Часть 46 - Делаем разрезную рамку в ФШ

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

Часть 1 - Делаем оригинальную рамку для фото
Часть 2 - Делаем разрезную рамку в ФШ
...
Часть 4 - Как сделать рамку в ФШ
Часть 5 - Делаем ФШ рамку с помощью бордюрных масок
Часть 6 - Делаем в ФШ рамку для видео
Часть 7 - Делаем акцент на картинке
Часть 8 - Делаем разрезную рамку в ФШ

Программа PhotoFiltre. Создание рамочек.

Рамка с круглыми углами. Без фотошопа!

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

А здесь урок по таким же рамкам, но объемным (с тенями и разными углами)


Наверно многие, кто сейчас смотрит на рамку ниже, думают, что она сделана в программе Фотошоп...Нет. Она сделана с помощью 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="//www.liveinternet.ru/journal_proc.php?action=redirect&url=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="//www.liveinternet.ru/journal_proc.php?action=redirect&url=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="//www.liveinternet.ru/journal_proc.php?action=redirect&url=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="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.egorovatatiana.ru/" target="_blank">Егорова Татьяна</a> </span></td></tr></table></td></tr></table></td></tr></table></td></tr></table>

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

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

Читать далее

Вот такая необычная рамочка получилась у меня после комбинирования разных по конфигурации рамок и добавления нового фона. Егорова Татьяна

Код готовой рамки <table style=" width:10px;-webkit-border-radius: 20px 20px 20px 20px;-moz-border-radius: 20px 20px 20px;border-radius: 20px 20px 20px 20px;-webkit-box-shadow: #000000 6px 6px 6px;-moz-box-shadow: #000000 6px 6px 6px; box-shadow: #000000 6px 6px 6px;" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16088.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table width="600" style="width:630px;-webkit-border-radius: 20px 20px 20px 20px;-moz-border-radius: 20px 20px 20px;border-radius: 20px 20px 20px 20px;" 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"><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://urls.by/1uzy"><img src="http://urls.by/1uzx" border="0" /></a><table style=" width:630px;-webkit-border-radius: 2px 180px 2px 180px;-moz-border-radius: 2px 180px 2px 180px;border-radius: 2px 180px 2px 180px;-webkit-box-shadow: #000000 44px 44px 44px;-moz-box-shadow: #000000 14px 14px 14px; box-shadow: #000000 2px 4px 6px;" 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=" width:630px;-webkit-border-radius: 2px 180px 2px 180px;-moz-border-radius: 2px 180px 2px 180px;border-radius: 2px 180px 2px 180px;" 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=" width:630px;-webkit-border-radius:2px 180px 2px 180px;-moz-border-radius: 2px 180px 2px 180px;border-radius: 2px 180px 2px 180px;" 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=" width:630px;-webkit-border-radius:2px 180px 2px 180px;-moz-border-radius: 2px 180px 2px 180px;border-radius: 2px 180px 2px 180px;" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/h-18805.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><table style=" width:600px;-webkit-border-radius: 180px 2px 180px 2px;-moz-border-radius: 180px 2px 180px 2px;border-radius: 180px 2px 180px 2px;-webkit-box-shadow: #000000 4px 4px 4px;-moz-box-shadow: #000000 4px 4px 6px; box-shadow: #000000 2px 4px 6px;" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16088.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="width:600px;-webkit-border-radius: 180px 2px 180px 2px;-moz-border-radius: 80px 80px 2px 2px;border-radius: 180px 2px 180px 2px;" background="//img0.liveinternet.ru/images/attach/c/10/110/555/110555002_m3.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:2px" zzz="zzz" align="center"><span style="font-family:Verdana;color:#fff799;font-size:20px"><table width="450" border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><span style="font-family:Verdana;color:#fff799;font-size:20px"><b><br />Здесь будет Ваш текст<br /> <br /></b></span></td></tr></table></span></td></tr><tr><td style="padding:0px" height="1%" align="center"><span style="font-family:Verdana;color:#000000;font-size:10px"><b><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.egorovatatiana.ru/" target="_blank">Егорова Татьяна</a><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.egorovatatiana.ru/"></a></b></span></td></tr></table></td></tr></table></b></span></td></tr><tr><td style="padding:0px" height="1%" align="center"><span style="font-family:Verdana;color:#000000;font-size:10px"></span></td></tr></table></td></tr></table></td></tr></table></td></tr></table></span></td></tr><tr><td style="padding:0px" height="1%" align="center"><span style="font-family:Verdana;color:#000000;font-size:10px"><b><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.egorovatatiana.ru/" target="_blank"></a><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://urls.by/1uzy"></a></b></span></td></tr></table></td></tr></table>

Код "скелетика" рамки <table style=" width:10px;-webkit-border-radius: 20px 20px 20px 20px;-moz-border-radius: 20px 20px 20px;border-radius: 20px 20px 20px 20px;-webkit-box-shadow: #000000 6px 6px 6px;-moz-box-shadow: #000000 6px 6px 6px; box-shadow: #000000 6px 6px 6px;" background="ОБВОДКА" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table width="600" style="width:630px;-webkit-border-radius: 20px 20px 20px 20px;-moz-border-radius: 20px 20px 20px;border-radius: 20px 20px 20px 20px;" background="ФОН 2" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" zzz="zzz" align="center"><span style="font-family:Verdana;color:#fff799;font-size:20px"><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://urls.by/1uzy"></a><table style=" width:630px;-webkit-border-radius: 2px 180px 2px 180px;-moz-border-radius: 2px 180px 2px 180px;border-radius: 2px 180px 2px 180px;-webkit-box-shadow: #000000 44px 44px 44px;-moz-box-shadow: #000000 14px 14px 14px; box-shadow: #000000 2px 4px 6px;" background="ОБВОДКА" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table style=" width:630px;-webkit-border-radius: 2px 180px 2px 180px;-moz-border-radius: 2px 180px 2px 180px;border-radius: 2px 180px 2px 180px;" background="ФОН 3" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style=" width:630px;-webkit-border-radius:2px 180px 2px 180px;-moz-border-radius: 2px 180px 2px 180px;border-radius: 2px 180px 2px 180px;" background="ОБВОДКА" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table width="600" style=" width:630px;-webkit-border-radius:2px 180px 2px 180px;-moz-border-radius: 2px 180px 2px 180px;border-radius: 2px 180px 2px 180px;" background="ФОН 1" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" zzz="zzz" align="center"><span style="font-family:Verdana;color:#fff799;font-size:20px"><b><table style=" width:600px;-webkit-border-radius: 180px 2px 180px 2px;-moz-border-radius: 180px 2px 180px 2px;border-radius: 180px 2px 180px 2px;-webkit-box-shadow: #000000 4px 4px 4px;-moz-box-shadow: #000000 4px 4px 6px; box-shadow: #000000 2px 4px 6px;" background="ОБВОДКА" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="width:600px;-webkit-border-radius: 180px 2px 180px 2px;-moz-border-radius: 80px 80px 2px 2px;border-radius: 180px 2px 180px 2px;" background="ФОН 2" cellspacing="0" cellpadding="0"><tr><td style="padding:2px" zzz="zzz" align="center"><span style="font-family:Verdana;color:#fff799;font-size:20px"><table width="450" border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><span style="font-family:Verdana;color:#ЦВЕТ ШРИФТА;font-size:РАЗМЕР ШРИФТАpx"><b><br />Здесь будет Ваш текст<br /></b></span></td></tr></table></span></td></tr><tr><td style="padding:0px" height="1%" align="center"><span style="font-family:Verdana;color:#000000;font-size:10px"><b><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=АДРЕС ВАШЕГО БЛОГА" target="_blank">ВАША ПОДПИСЬ</a><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.egorovatatiana.ru/"></a></b></span></td></tr></table></td></tr></table></b></span></td></tr><tr><td style="padding:0px" height="1%" align="center"><span style="font-family:Verdana;color:#000000;font-size:10px"></span></td></tr></table></td></tr></table></td></tr></table></td></tr></table></span></td></tr><tr><td style="padding:0px" height="1%" align="center"><span style="font-family:Verdana;color:#000000;font-size:10px"><b><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.egorovatatiana.ru/" target="_blank"></a><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://urls.by/1uzy"></a></b></span></td></tr></table></td></tr></table>

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

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

И так начнем

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

Делаем рамочку для поста самостоятельно. Урок1.

Урок для пчелок.

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

 

 

Ваш текст

 

Возьмите формулу рамки в два слоя из окошка.

<center><table border="2" background="АДРЕС ФОНА" cellpadding="13" cellspacing="0" width="800"><tr><td><table border="2" background="АДРЕС ФОНА" cellpadding="5" cellspacing="20" width="100%"><tr><td><font size="5"><font color="000000">Ваш текст</font></font></font></td></tr></table></td></tr></table></center>

 Формула состоит из тегов. Рассмотрим, что они обозначают.  
1. < center. > - Этим тегом мы выравниваем рамку по центру.
2. < table border ="2" - Число 2 это толщина обводки рамки.
3. background ="АДРЕС ФОНА" - На место "Адрес фона" вписываем ссылку на фон.
Фон заносим через Фоторадикал: http://www.radikal.ru/
Из предложенных в фоторадикале ссылок, для фона возьмите ссылку № 1.
Совет: Не увлекайтесь яркими, тяжелыми фонами, в этом случае Ваш блог будет сложно открыть.
4. cellpadding = "13" и cellpadding = "5" - Ширина слоёв рамки в пикселях.
5. < font color="000000" > - Цвет текста в рамке, цвет текста можно изменить.
6. < tr > - этот тег поддерживает высоту рамки
7. < td > - этот тег поддерживает ширину рамки

 

Более подробный урок вы найдете здесь!

 Желаю успехов!

Ваша Бархатная_Шляпка.

 

Урок. Обводка поста рамочкой

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

Рамочка с анимацией (урок для фотошопа)

Я продолжаю небольшую серию уроков по изготовлению рамочек
В этом уроке мы будем делать анимированную рамочку и сохранение всех частей в GIF формате

В данном уроке нам понадобится фильтр AlienSkin_Xenofex2-Constellation
Скачать фильтр можетеЗдесь
Как установить фильтр в фотошоп
Здесь
И так начнем

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

РАМКИ С КРУГЛЫМИ УГЛАМИ БЕЗ ФОТОШОПА

Рамка с круглыми углами. Без фотошопа!

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

А здесь урок по таким же рамкам, но объемным (с тенями и разными углами)


Наверно многие, кто сейчас смотрит на рамку ниже, думают, что она сделана в программе Фотошоп...Нет. Она сделана с помощью 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="//www.liveinternet.ru/journal_proc.php?action=redirect&url=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="//www.liveinternet.ru/journal_proc.php?action=redirect&url=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="//www.liveinternet.ru/journal_proc.php?action=redirect&url=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="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.egorovatatiana.ru/" target="_blank">Егорова Татьяна</a> </span></td></tr></table></td></tr></table></td></tr></table></td></tr></table>

Код для разрезных рамок в группах Mail.ru

КАК СДЕЛАТЬ РАЗРЕЗНУЮ РАМКУ ДЛЯ MAIL.RU, КАК УСТРАНИТЬ "РАЗРЫВ" РАМКИ, КАК ИСПРАВИТЬ РАМКУ ФШ.
Коды только для новых групп-блогов в МИРе!

Многие наверно читали урок Ириски "Как сделать фотошоповскую рамку без разрывов" для групп на Mail.ru. А теперь ее можно сделать намного проще и быстрее!
Спасибо большое за кодик Ирине Утицких! Она пыталась восстановить одну испорченную рамку и случайно сделала то, что теперь намного облегчит работу тех, кто делает разрезные рамки. И даже сама сначала не поняла ЧТО она сделала)). Теперь и Рамочник не нужен!
ИТАК!
Ширина рамки здесь, в группах Mail.ru должна быть не очень большой(650-670 пикселей), иначе она зайдет за пределы блога. Не надо выставлять рамки по центру! Это "съедает" полезную площадь блога и так же может "увести" рамку вправо за пределы блога. У кого рамки "уходят", удалите в начале кода теги со словом center.

Даю "скелетик" рамки в окошке ниже.Коды рамочки с подписью под текстом и под рамкой в окошках ниже. Подпись можно поставить и в нижнюю часть рамки, если эта часть достаточно большая по высоте. Если низкая, то при ее создании оставляйте внизу полоску прозрачного фона. Но тогда придется регулировать месторасположение подписи.

Код "скелетика" рамки с подписью в нижней части<table cellpadding="0" cellspacing="0"><tr><td><font><table cellspacing="0" cellpadding="0"><tr><td align="center"><table border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><table cellpadding="0" cellspacing="0"><tr><td><font><table cellspacing="0" cellpadding="0"><tr><td align="center" width="ШИРИНА ВЕРХА" height="ВЫСОТА ВЕРХА"><font color="#000000" style="font-size:20px"><b></b></font></td></tr></table></font></td></tr></table></td></tr><tr><td align="center"><table cellpadding="0" cellspacing="0"><tr><td><font><table cellspacing="0" cellpadding="0"><tr><td align="center" width="ШИРИНА СЕРЕДИНЫ"><table cellpadding="0" cellspacing="0"><tr><td><font><table cellspacing="0" cellpadding="0"><tr><td align="center" width="ШИРИНА ТЕКСТА"><font face="Verdana" color="#ЦВЕТ ШРИФТА" style="font-size:РАЗМЕР ШРИФТАpx"><b>Здесь будет Ваш текст</b></font></td></tr></table></font></td></tr></table></td></tr></table></font></td></tr></table></td></tr><tr><td align="center"><table cellpadding="0" cellspacing="0"><tr><td><font><table cellspacing="0" cellpadding="0"><tr><td align="center" width="ШИРИНА НИЗА" height="ВЫСОТА НИЗА"><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=ССЫЛКА НА ВАШ БЛОГ"><text size="1">ВАША ПОДПИСЬ</text></a></td></tr></table></font></td></tr></table></td></tr></table></td></tr></table></font></td></tr></table>

Код "скелетика" рамки с подписью под текстом<table cellpadding="0" cellspacing="0"><tr><td><font><table cellspacing="0" cellpadding="0"><tr><td align="center"><table border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><table cellpadding="0" cellspacing="0"><tr><td><font><table cellspacing="0" cellpadding="0"><tr><td align="center" width="ШИРИНА ВЕРХА" height="ВЫСОТА ВЕРХА"><font color="#000000" style="font-size:20px"><b></b></font></td></tr></table></font></td></tr></table></td></tr><tr><td align="center"><table cellpadding="0" cellspacing="0"><tr><td><font><table cellspacing="0" cellpadding="0"><tr><td align="center" width="ШИРИНА СЕРЕДИНЫ"><table cellpadding="0" cellspacing="0"><tr><td><font><table cellspacing="0" cellpadding="0"><tr><td align="center" width="ШИРИНА ТЕКСТА"><font face="Verdana" color="#ЦВЕТ ШРИФТА" style="font-size:РАЗМЕР ШРИФТАpx"><b>Здесь будет Ваш текст<br /><br /><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=ССЫЛКА НА ВАШ БЛОГ"><text size="1">ВАША ПОДПИСЬ</text></a></b></font></td></tr></table></font></td></tr></table></td></tr></table></font></td></tr></table></td></tr><tr><td align="center"><table cellpadding="0" cellspacing="0"><tr><td><font><table cellspacing="0" cellpadding="0"><tr><td align="center" width="ШИРИНА НИЗА" height="ВЫСОТА НИЗА"><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=сс"><text size="1"></text></a></td></tr></table></font></td></tr></table></td></tr></table></td></tr></table></font></td></tr></table>

Код "скелетика" рамки с подписью под рамкой<table cellpadding="0" cellspacing="0"><tr><td><font><table cellspacing="0" cellpadding="0"><tr><td align="center"><table border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><table cellpadding="0" cellspacing="0"><tr><td><font><table cellspacing="0" cellpadding="0"><tr><td align="center" width="ШИРИНА ВЕРХА" height="ВЫСОТА ВЕРХА"><font color="#000000" style="font-size:20px"><b></b></font></td></tr></table></font></td></tr></table></td></tr><tr><td align="center"><table cellpadding="0" cellspacing="0"><tr><td><font><table cellspacing="0" cellpadding="0"><tr><td align="center" width="ШИРИНА СЕРЕДИНЫ"><table cellpadding="0" cellspacing="0"><tr><td><font><table cellspacing="0" cellpadding="0"><tr><td align="center" width="ШИРИНА ТЕКСТА"><font face="Verdana" color="#ЦВЕТ ШРИФТА" style="font-size:РАЗМЕР ШРИФТАpx"><b>Здесь будет Ваш текст</b></font></td></tr></table></font></td></tr></table></td></tr></table></font></td></tr></table></td></tr><tr><td align="center"><table cellpadding="0" cellspacing="0"><tr><td><font><table cellspacing="0" cellpadding="0"><tr><td align="center" width="ШИРИНА НИЗА" height="ВЫСОТА НИЗА"><a target="_blank" href=""><text size="1"></text></a></td></tr></table></font></td></tr></table></td></tr></table></td></tr></table></font></td></tr></table><br /><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=ССЫЛКА НА ВАШ БЛОГ"><text size="1">ВАША ПОДПИСЬ</text></a>

Читать далее
Код урока для Mail.ru здесь
еще разные уроки
Что можно скачать бесплатно

РАМОЧКА НОВОГОДНЯЯ "МИЛАЯ ОВЕЧКА" С ПРОКРУТКОЙ И ПЛЕЕРОМ.

УРОК. РАМКА В РАМКЕ...

СДЕЛАЕМ РАМКУ С ОБВОДКОЙ ВОКРУГ КАРТИНКИ И ВОКРУГ ТЕКСТА. Вот такую. ЗДЕСЬ БУДЕТ ВАШ ТЕКСТ… СМОТРЕТЬ УРОК...

Дорогие друзья и гости! Кому некогда или лень писать комментарии, отмечайте внизу слева в посте: ПОНРАВИЛОСЬ!"

Благодарю за цитирование!

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

Часть 1 - Урок 1. Делаем простую рамочку из 2-х слоев.
Часть 2 - Как скопировать код рамки из окошка и перенести рамку в свой дневник.
...
Часть 18 - Шпаргалка для оформления постов.
Часть 19 - Урок. Ваш компьютер не читает программы на русском языке? Как это исправить?
Часть 20 - УРОК. РАМКА В РАМКЕ...
Часть 21 - LiveInternet – Отношения
Часть 22 - Уменьшаем большую картинку.
Часть 23 - По просьбе "скелетик" кода такой рамки.

Как сделать тени в рамочке и на картинках

Сегодня сделаю рамочки и открыточки с тенью без ФШ, используя

генератор рамок

,

Урок ТуТ

.
Сделали рамочку, но рамочка там плучается плоская, да и цвет фона однотонный...
Чтобы рамочка имела как бы объем, вот и воспользуемся подсказкой сайта

Шпаргалка блоггера

Делаем Рамку в 3 слоя фона с бордюром.

Продолжаем учится делать рамочки. Вот так она будет выглядеть.Это рамочка в три слоя фона. Два однотонных и один красивый цветочный слой фона. А первый слой рамки это бордюрчик. Внизу я даю КОД "СКЕЛЕТИКА" чтобы вы сделали рамку САМИ. Делаем рамку ,на свой вкус, так: Можно фоны взять у меня на Я.ру.Вот ЗДЕСЬ. Заходим и выбираем фон.НАШЛИ—НАЖАЛИ на него. Затем находим надпись—Код для вставки на сайт или в блог. нажали и скопировали где написано— Ссылка на фотографию. В коде "СКЕЛЕТИКА" где написано 1,2,3СЛОЙ ФОНА. Внутрь кавычек.Кавычки не трогаем.Вставляете эту ССЫЛКУ. Если хотите с компа через Лиру-тогда ОБЗОР... И дальше помотреть можно ЗДЕСЬ. После 1СЛОЯ фона нашли тег... style="padding:50px"... "padding:50px"—Это ШИРИНА ЛЮБОГО СЛОЯ ФОНА —Цифры можно менять по своему вкусу.. Где написано ВАШ ТЕКСТ— Пишите свой текст. Где написано ССЫЛКА НА ВАШ ДНЕВНИК и ВАШ НИК—Пишите свой НИК. Посмотреть как сделать ССЫЛКУ на ваш дневник и НИК можно ЗДЕСЬ. Ещё в этом коде можно поменять цвет и размер края рамки её БОРДЮР. Находим в начале кода тег...="border:10px solid #660000"... border:10px—Это размер бордюра его ШИРИНА. Цифру меняйте на свой вкус. solid #660000"—Это СТИЛЬ БОРДЮРА. У меня он сплошной.Найти нужный стиль вам можно ЗДЕСЬ. А цифры—его ЦВЕТ.Названия цвета можно выбрать ЗДЕСЬ. Вот и всё ВАША рамочка готова. Пробуйте,экспериментируйте на здоровье. SvetlanaT

КОД "СКЕЛЕТИКА" РАМКИ. <table style="border:10px solid #660000" background="1СЛОЙ ФОНА" cellspacing="0" cellpadding="0"><tr><td style="padding:50px"><table style="border:0px none #000000" background="2СЛОЙ ФОНА" cellspacing="0" cellpadding="0"><tr><td style="padding:10px"><table width="600" height="600" style="border:0px none #000000" background="3СЛОЙ ФОНА" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" align="center"><span style="font-family:Garamond;color:#000000;font-size:20px">ВАШ ТЕКСТ</span></td></tr></table></td></tr></table><center><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=ССЫЛКА НА ВАШ ДНЕВНИК"><font size="1"><b><font color="#cdbe70">ВАШ НИК</font></b></font></a></center></td></tr></table>

Рамка в ОДИН слой.

Это простая,но оригинальная рамка состоит всего из одного слоя. Нужно только подобрать необычный фон для неё. Делаем рамку,на свой вкус, так: Если через Я.ру. Заходим и выбираем картинку-фон. НАШЛИ—НАЖАЛИ на неё. Дальше внизу В ДРУГОМ РАЗМЕРЕ -выбрали нужный размер картинки. Потом эти размеры поменяете в КОДЕ РАМКИ на свои. ..."WIDTH: 600px;ШИРИНА картинки HEIGHT: 300px"ВЫСОТА... Затем находим надпись— Код для вставки на сайт или в блог. нажали и скопировали где написано— Ссылка на фотографию. В коде "СКЕЛЕТИКА" где написано КАРТИНКА— ФОН. Внутрь кавычек.Кавычки не трогаем. Вставляете эту ССЫЛКУ. ЗДЕСЬ далее... SvetlanaT

КОД "СКЕЛЕТИКА"рамки.
<left><table style="WIDTH: 600px; HEIGHT: 300px" cellspacing="18" cellpadding="3" width="600" align="left" border="3" background="КАРТИНКА ФОН"><tbody><tr><td> <font size="4" color="#000000" face="Monotype Corsiva"><b><p align="center"><br /><br />ВАШ ТЕКСТ </p></b><br /> <center><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=ССЫЛКА НА ВАШ ДНЕВНИК"><font size="1"><b><font color="#cdbe70">ВАШ НИК</font></b></font></a></center></font></td></tr><br /></tbody></table><center></center></left>