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

Воскресенье, 05 Октября 2014 г. 13:48 + в цитатник

Цитата сообщения Егорова_Таня

Прочитать целиком В свой цитатник или сообщество!

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

Недавно я давала урок по изготовлению рамок с круглыми углами. Посмотреть его можно здесь. А

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

Здесь урок для Яру
Даю коды готовых рамок и коды "скелетиков". Как ими пользоваться можете посмотреть в предыдущем уроке.
Расскажу теперь про эти рамки. Они с тенью и есть возможность делать углы разной закругленности, а значит и рамки разной конфигурации.
В принципе код для этих рамок-заготовок один. Можете взять его в окошке ниже.

<table style=" width:630px;-webkit-border-radius: ВЕРХ ЛЕВЫЙ УГОЛpx ВЕРХ ПРАВЫЙ УГОЛpx НИЗ ЛЕВЫЙ УГОЛpx НИЗ ПРАВЫЙ УГОЛpx;-moz-border-radius: ВЕРХ ЛЕВЫЙ УГОЛpx ВЕРХ ПРАВЫЙ УГОЛpx НИЗ ЛЕВЫЙ УГОЛpx НИЗ ПРАВЫЙ УГОЛpx;-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: ВЕРХ ЛЕВЫЙ УГОЛpx ВЕРХ ПРАВЫЙ УГОЛpx НИЗ ЛЕВЫЙ УГОЛpx НИЗ ПРАВЫЙ УГОЛpx;" background="ФОН 3" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" zzz="zzz" align="center"><span style="font-family:Verdana;color:#ЦВЕТ ШРИФТА;font-size:РАЗМЕР ШРИФТАpx"><a target="_blank" href="http://urls.by/1uzy"><img src="http://urls.by/1uzx" border="0" /></a><b><br />Здесь будет Ваш текст <br /></b></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="ССЫЛКА НА ВАШ БЛОГ" target="_blank">ВАША ПОДПИСЬ</a><a target="_blank" href="http://urls.by/1uzy"><img src="http://urls.by/1uzx" border="0" /></a></b></span></td></tr></table></td></tr></table>

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

Вместо моих слов ставите свои значения и URL картинок-фонов.

Radius: задает кривизну угла. В коде написано, например ВЕРХ ЛЕВЫЙ УГОЛ, значит подставляя цифру от 0 до 180, вы измените "округлость" верхнего левого угла. Значение 0 сделает угол прямым.
Можно изменить цвет тени-shadow: в коде стоит черный цвет-000000, вы можете заменить эти цифры на другие. Дальше идут цифры 6. Изменяя их в большую или меньшую стороны можно менять размер тени и ее отображение с одного или 3-х сторон.

Ниже даю код готовой рамки и рамки, в которой сохранены параметры, но только нет фонов, значений шрифта и ссылки на блог. Вы сможете подставить свои изображения-фоны.

Рамка 1

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

Егорова Татьяна

Код готовой рамки

<table style=" width:630px;-webkit-border-radius: 80px 80px 2px 2px;-moz-border-radius: 80px 80px 2px 2px;border-radius: 80px 80px 2px 2px;-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: 80px 80px 2px 2px;-moz-border-radius: 80px 80px 2px 2px;border-radius: 80px 80px 2px 2px;" 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="http://urls.by/1uzy"><img src="http://urls.by/1uzx" border="0" /></a><b><br /><br />Здесь будет Ваш текст<br /></b></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="http://www.egorovatatiana.ru/" target="_blank">Егорова Татьяна</a><a target="_blank" href="http://urls.by/1uzy"><img src="http://urls.by/1uzx" border="0" /></a></b></span></td></tr></table></td></tr></table>

Код "скелетика" рамки

Рамка 2

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

Егорова Татьяна

Код готовой рамки

<table style=" width:630px;-webkit-border-radius: 180px 180px 180px 180px;-moz-border-radius: 180px 180px 180px 180px;border-radius: 180px 180px 180px 180px;-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:630px;-webkit-border-radius: 180px 180px 180px 180px;-moz-border-radius: 180px 180px 180px 180px;border-radius: 180px 180px 180px 180px;" 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><br /><br />Здесь будет Ваш текст<br /></b></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="http://www.egorovatatiana.ru/" target="_blank">Егорова Татьяна</a><a target="_blank" href="http://urls.by/1uzy"><img src="http://urls.by/1uzx" border="0" /></a></b></span></td></tr></table></td></tr></table>

Код "скелетика" рамки

<table style=" width:630px;-webkit-border-radius: 180px 180px 180px 180px;-moz-border-radius: 180px 180px 180px 180px;border-radius: 180px 180px 180px 180px;-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:630px;-webkit-border-radius: 180px 180px 180px 180px;-moz-border-radius: 180px 180px 180px 180px;border-radius: 180px 180px 180px 180px;" background="ФОН 3" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" zzz="zzz" align="center"><span style="font-family:Verdana;color:#ЦВЕТ ШРИФТА;font-size:РАЗМЕР ШРИФТАpx"><b><br />Здесь будет Ваш текст<br /></b></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="ССЫЛКА НА ВАШ БЛОГ" target="_blank">ВАША ПОДПИСЬ</a><a target="_blank" href="http://urls.by/1uzy"><img src="http://urls.by/1uzx" border="0" /></a></b></span></td></tr></table></td></tr></table>

Рамка 3

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

Егорова Татьяна

Код готовой рамки

Код "скелетика" рамки

Рамка 4

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

Егорова Татьяна

Код готовой рамки

<table style="  width:630px;-webkit-border-radius: 80px 80px 2px 2px;-moz-border-radius: 80px 80px 2px 2px;border-radius: 80px 80px 2px 2px;-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: 80px 80px 2px 2px;-moz-border-radius: 80px 80px 2px 2px;border-radius: 80px 80px 2px 2px;" 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: 80px 80px 2px 2px;-moz-border-radius: 80px 80px 2px 2px;border-radius: 80px 80px 2px 2px;" 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: 80px 80px 2px 2px;-moz-border-radius: 80px 80px 2px 2px;border-radius: 80px 80px 2px 2px;" 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><br />Здесь будет Ваш текст<br /></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><a target="_blank" href="http://www.egorovatatiana.ru/"><img src="http://urls.by/1uzx" border="0" /></a> </span></td></tr></table></td></tr></table></td></tr></table></td></tr></table>

Код "скелетика" рамки

<table style="  width:630px;-webkit-border-radius: 80px 80px 2px 2px;-moz-border-radius: 80px 80px 2px 2px;border-radius: 80px 80px 2px 2px;-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: 80px 80px 2px 2px;-moz-border-radius: 80px 80px 2px 2px;border-radius: 80px 80px 2px 2px;" background="ФОН 1" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="  width:630px;-webkit-border-radius: 80px 80px 2px 2px;-moz-border-radius: 80px 80px 2px 2px;border-radius: 80px 80px 2px 2px;" background="ОБВОДКА" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table width="600" style=" width:630px;-webkit-border-radius: 80px 80px 2px 2px;-moz-border-radius: 80px 80px 2px 2px;border-radius: 80px 80px 2px 2px;" background="ФОН 3" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" zzz="zzz" align="center"><span style="font-family:Verdana;color:#ЦВЕТ ШРИФТА;font-size:РАЗМЕР ШРИФТАpx"><b><br />Здесь будет Ваш текст<br /></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="ССЫЛКА НА ВАШ БЛОГ" target="_blank">ВАША ПОДПИСЬ</a><a target="_blank" href="http://www.egorovatatiana.ru/"><img src="http://urls.by/1uzx" border="0" /></a> </span></td></tr></table></td></tr></table></td></tr></table></td></tr></table>

Рамка 5

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

Код готовой рамки

<table style="  width:630px;-webkit-border-radius: 80px 80px 80px 80px;-moz-border-radius: 80px 80px 80px 80px;border-radius: 80px 80px 80px 80px;-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: 80px 80px 80px 80px;-moz-border-radius: 80px 80px 80px 80px;border-radius: 80px 80px 80px 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="  width:630px;-webkit-border-radius: 80px 80px 80px 80px;-moz-border-radius: 80px 80px 80px 80px;border-radius: 80px 80px 80px 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=" width:630px;-webkit-border-radius: 80px 80px 80px 80px;-moz-border-radius: 80px 80px 80px 80px;border-radius: 80px 80px 80px 80px;" 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 /></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="http://www.egorovatatiana.ru/" target="_blank">Егорова Татьяна</a><a target="_blank" href="http://www.egorovatatiana.ru/"><img src="http://urls.by/1uzx" border="0" /></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>

Код "скелетика" рамки

<table style="  width:630px;-webkit-border-radius: 80px 80px 80px 80px;-moz-border-radius: 80px 80px 80px 80px;border-radius: 80px 80px 80px 80px;-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: 80px 80px 80px 80px;-moz-border-radius: 80px 80px 80px 80px;border-radius: 80px 80px 80px 80px;" background="ФОН 1" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="  width:630px;-webkit-border-radius: 80px 80px 80px 80px;-moz-border-radius: 80px 80px 80px 80px;border-radius: 80px 80px 80px 80px;" background="ОБВОДКА" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table width="600" style=" width:630px;-webkit-border-radius: 80px 80px 80px 80px;-moz-border-radius: 80px 80px 80px 80px;border-radius: 80px 80px 80px 80px;" 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"><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="ФОН 3" 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="ССЫЛКА НА ВАШ БЛОГ" target="_blank">ВАША ПОДПИСЬ</a><a target="_blank" href="http://www.egorovatatiana.ru/"><img src="http://urls.by/1uzx" border="0" /></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>

Рамка 6

Код готовой рамки

<table style="  width:630px;-webkit-border-radius: 180px 2px 180px 2px;-moz-border-radius: 180px 2px 180px 2px;border-radius: 180px 2px 180px 2px;-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: 180px 2px 180px 2px;-moz-border-radius: 180px 2px 180px 2px;border-radius: 180px 2px 180px 2px;" 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: 180px 2px 180px 2px;-moz-border-radius: 180px 2px 180px 2px;border-radius: 180px 2px 180px 2px;" 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: 180px 2px 180px 2px;-moz-border-radius: 180px 2px 180px 2px;border-radius: 180px 2px 180px 2px;" 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="http://www.egorovatatiana.ru/" target="_blank">Егорова Татьяна</a><a target="_blank" href="http://www.egorovatatiana.ru/"><img src="http://urls.by/1uzx" border="0" /></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><br />

Код "скелетика" рамки

<table style="  width:630px;-webkit-border-radius: 180px 2px 180px 2px;-moz-border-radius: 180px 2px 180px 2px;border-radius: 180px 2px 180px 2px;-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: 180px 2px 180px 2px;-moz-border-radius: 180px 2px 180px 2px;border-radius: 180px 2px 180px 2px;" background="ФОН 1" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="  width:630px;-webkit-border-radius: 180px 2px 180px 2px;-moz-border-radius: 180px 2px 180px 2px;border-radius: 180px 2px 180px 2px;" background="ОБВОДКА" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table width="600" style=" width:630px;-webkit-border-radius: 180px 2px 180px 2px;-moz-border-radius: 180px 2px 180px 2px;border-radius: 180px 2px 180px 2px;" 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"><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="ФОН 3" 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: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="ССЫЛКА НА ВАШ БЛОГ" target="_blank">ВАША ПОДПИСЬ</a><a target="_blank" href="http://www.egorovatatiana.ru/"><img src="http://urls.by/1uzx" border="0" /></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><br />

Рамка 7

Код готовой рамки

<table style="  width:630px;-webkit-border-radius: 8px 8px 8px 8px;-moz-border-radius:  8px 8px 8px 8px;border-radius:  8px 8px 8px 8px;-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: 8px 8px 8px 8px;-moz-border-radius:  8px 8px 8px 8px;border-radius:  8px 8px 8px 8px;" 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: 8px 8px 8px 8px;-moz-border-radius:  8px 8px 8px 8px;border-radius:  8px 8px 8px 8px;" 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: 8px 8px 8px 8px;-moz-border-radius:  8px 8px 8px 8px;border-radius:  8px 8px 8px 8px;" 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 /></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="http://www.egorovatatiana.ru/" target="_blank">Егорова Татьяна</a><a target="_blank" href="http://www.egorovatatiana.ru/"><img src="http://urls.by/1uzx" border="0" /></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>

Код "скелетика" рамки

<table style="  width:630px;-webkit-border-radius: 8px 8px 8px 8px;-moz-border-radius:  8px 8px 8px 8px;border-radius:  8px 8px 8px 8px;-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: 8px 8px 8px 8px;-moz-border-radius:  8px 8px 8px 8px;border-radius:  8px 8px 8px 8px;" background="ФОН 1" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="  width:630px;-webkit-border-radius: 8px 8px 8px 8px;-moz-border-radius:  8px 8px 8px 8px;border-radius:  8px 8px 8px 8px;" background="ОБВОДКА" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table width="600" style=" width:630px;-webkit-border-radius: 8px 8px 8px 8px;-moz-border-radius:  8px 8px 8px 8px;border-radius:  8px 8px 8px 8px;" 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"><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="ФОН 3" 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="ССЫЛКА НА ВАШ БЛОГ" target="_blank">ВАША ПОДПИСЬ</a><a target="_blank" href="http://www.egorovatatiana.ru/"><img src="http://urls.by/1uzx" border="0" /></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>

Рамка 8

Код готовой рамки

<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="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="http://www.egorovatatiana.ru/" target="_blank">Егорова Татьяна</a><a target="_blank" href="http://www.egorovatatiana.ru/"><img src="http://urls.by/1uzx" border="0" /></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="http://www.egorovatatiana.ru/" target="_blank"></a><a target="_blank" href="http://urls.by/1uzy"><img src="http://urls.by/1uzx" border="0" /></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="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="ОБВОДКА" 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="АДРЕС ВАШЕГО БЛОГА" target="_blank">ВАША ПОДПИСЬ</a><a target="_blank" href="http://www.egorovatatiana.ru/"><img src="http://urls.by/1uzx" border="0" /></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="http://www.egorovatatiana.ru/" target="_blank"></a><a target="_blank" href="http://urls.by/1uzy"><img src="http://urls.by/1uzx" border="0" /></a></b></span></td></tr></table></td></tr></table>

Серия сообщений "Делаем рамки,комментики сами":
Часть 1 - Урок изготовления рамочки для текста
Часть 2 - Делаем очень красивую рамочку для текста за 5 минут
...
Часть 22 - заготовки для комментиков,цитат
Часть 23 - Работа с рамками...
Часть 24 - Объемные рамки разной конфигурации. Без фотошопа!
Часть 25 - Учимся делать рамку в 3 слоя.
Часть 26 - большой выбор красивых заготовочек для комментариев,цитат,поздравлений
...
Часть 34 - Рамочки с разными краями
Часть 35 - Рамки, украшенные картинкой
Часть 36 - Набор цветных окошек для кодов