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

Воскресенье, 02 Ноября 2014 г. 10:52 + в цитатник

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

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

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

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"></a></b></span></td></tr></table></td></tr></table>

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

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

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

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

Рамка 1

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

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

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

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

Рамка 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"></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/"></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/"></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/"></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/"></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/"></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/"></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/"></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/"></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/"></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"></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"></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/"></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"></a></b></span></td></tr></table></td></tr></table>

Рубрики:

уроки по Ли.ру

Рамочки - уроки
уроки по html

Метки: уроки по рамочкам уроки по html уроки по ли.ру
Понравилось: 4 пользователям

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

Р”Р°СЋ РєРѕРґС‹ РіРѕС‚РѕРІС‹С… СЂР°РјРѕРє Рё РєРѕРґС‹ "СЃРєРµР»РµС‚РёРєРѕРІ". РљР°Рє РёРјРё РїРѕР»СЊР·РѕРІР°С‚СЊСЃСЏ РјРѕР¶РµС‚Рµ РїРѕСЃРјРѕС‚СЂРµС‚СЊ РІ РїСЂРµРґС‹РґСѓС‰РµРј СѓСЂРѕРєРµ.
 Р Р°СЃСЃРєР°Р¶Сѓ С‚РµРїРµСЂСЊ РїСЂРѕ СЌС‚Рё СЂР°РјРєРё. РћРЅРё СЃ С‚РµРЅСЊСЋ Рё РµСЃС‚СЊ РІРѕР·РјРѕР¶РЅРѕСЃС‚СЊ РґРµР»Р°С‚СЊ СѓРіР»С‹ СЂР°Р·РЅРѕР№ Р·Р°РєСЂСѓРіР»РµРЅРЅРѕСЃС‚Рё, Р° Р·РЅР°С‡РёС‚ Рё СЂР°РјРєРё СЂР°Р·РЅРѕР№ РєРѕРЅС„РёРіСѓСЂР°С†РёРё.
Р’ Рї... <a href="https://www.liveinternet.ru/users/elocjka/post342046581/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

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

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

LiveInternetLiveInternet

-Музыка

-Метки

-Рубрики

-Ссылки

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

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

-Друзья

-Сообщества

-Статистика

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