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

Среда, 05 Марта 2014 г. 16:16 + в цитатник

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

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

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

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="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>

Серия сообщений "ФОРМУЛЫ ДЛЯ РАМОЧЕК":
Часть 1 - Как использовать формулу разрезной рамочки)))Урок для новичков...
Часть 2 - ДЕЛАЕМ РАМКУ В ЧЕТЫРЕ СЛОЯ
Часть 3 - Ну очень простые рамки
Часть 4 - Рамка с круглыми углами.
Часть 5 - Объемные рамки разной конфигурации. Без фотошопа!
Часть 6 - Формулы для обычных рамочек, общие для Ли.ру и Блогов Мэйл.ру
Часть 7 - Делаем рамки
Часть 8 - Формула для рамочек от Оли
Часть 9 - Все формулы в одном месте
Часть 10 - Формула для рамочек

Метки: ФОРМУЛЫ ДЛЯ РАМОЧЕК
Понравилось: 1 пользователю

<a href="https://www.liveinternet.ru/users/4618606/post315880573/">РћР±СЉРµРјРЅС‹Рµ СЂР°РјРєРё СЂР°Р·РЅРѕР№ РєРѕРЅС„РёРіСѓСЂР°С†РёРё. Р‘РµР· С„РѕС‚РѕС€РѕРїР°!</a><br/>РќРµРґР°РІРЅРѕ СЏ РґР°РІР°Р»Р° СѓСЂРѕРє РїРѕ РёР·РіРѕС‚РѕРІР»РµРЅРёСЋ СЂР°РјРѕРє СЃ РєСЂСѓРіР»С‹РјРё СѓРіР»Р°РјРё. РџРѕСЃРјРѕС‚СЂРµС‚СЊ РµРіРѕ РјРѕР¶РЅРѕ Р·РґРµСЃСЊ. Рђ  Sergg62,  РїРѕРґСЃРєР°Р·Р°Р» РєР°Рє СЃРґРµР»Р°С‚СЊ СЂР°РјРєРё СЃ СЂР°Р·РЅС‹РјРё СѓРіР»Р°РјРё Рё С‚РµРЅСЊСЋ. Р—Р° СЌС‚Рѕ РµРјСѓ РѕРіСЂРѕРјРЅРѕРµ СЃРїР°СЃРёР±Рѕ! РћРЅ Р¶Рµ РґР°Р» СЃСЃС‹Р»РєСѓ РЅР° РіРµРЅРµСЂР°С‚РѕСЂ, РІ РєРѕС‚РѕСЂРѕРј РјРѕР¶РЅРѕ СЃРґРµР»Р°С‚СЊ РїСЂРѕСЃС‚РµРЅСЊРєРёРµ СЂР°РјРѕС‡РєРё СЃ РѕРґРЅРѕС‚РѕРЅРЅС‹РјРё С„РѕРЅР°РјРё. РС‚РѕС‚ РіРµРЅРµСЂР°С‚РѕСЂ Р·РґРµСЃСЊ. Р’СЂРѕРґРµ РЅРёС‡РµРіРѕ СЃР»РѕР¶РЅРѕРіРѕ РїСЂРё СЂР°Р±РѕС‚Рµ РІ РЅРµРј РЅРµС‚, С…РѕС‚СЊ РѕРЅ Рё РЅР° Р°РЅРіР»РёР№СЃРєРѕРј СЏР·С‹РєРµ. РњРѕР¶РµС‚ РєРѕРјСѓ С‚Рѕ РїСЂРёРіРѕРґРёС‚СЃСЏ.
РС„С„РµРєС‚ РєСЂСѓРіР»С‹С… СѓРіР»РѕРІ РІРёРґРµРЅ РІ Р±СЂР°СѓР·РµСЂР°С… Google Chrome, Mozilla Firefox. Р’ Internet Explorer  СЂР°РјРєР° Р±СѓРґРµС‚ РѕС‚СЂР°Р¶Р°С‚СЊСЃСЏ РєР°Рє РѕР±С‹С‡РЅР°СЏ СЃ РїСЂСЏРјС‹РјРё СѓРіР»Р°РјРё. Р’ РґСЂСѓРіРёС… РЅРµ Р·РЅР°СЋ.

Р—РґРµСЃСЊ СѓСЂРѕРє РґР»СЏ РЇСЂСѓ
 Р”Р°СЋ ... <a href="https://www.liveinternet.ru/users/4618606/post315880573/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Татьяна_Король обратиться по имени Понедельник, 10 Марта 2014 г. 13:53 (ссылка)

Танюша, ты умничка! Разобралась!

Ответить С цитатой В цитатник

мадам-_тата обратиться по имени Понедельник, 10 Марта 2014 г. 17:16 (ссылка)

Привет дорогая! Нет!!!! пробовала сразу не разберешься, У меня еще комп прыгает туда сюда То доступна страница то нет Пока не до этого, Как ты?

Ответить С цитатой В цитатник

Комментировать

« Пред. запись — К дневнику — След. запись »

Страницы: [1] [Новые]

LiveInternetLiveInternet

-Метки

-Рубрики

-Цитатник

-Поиск по дневнику

-Подписка по e-mail

-Друзья

-Постоянные читатели

-Сообщества

-Статистика

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