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

Понедельник, 11 Января 2016 г. 21: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" data-cke-saved-href="http://urls.by/1uzy" href="http://urls.by/1uzy"><img data-cke-saved-src="http://urls.by/1uzx" 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 data-cke-saved-href="ССЫЛКА НА ВАШ БЛОГ" href="ССЫЛКА НА ВАШ БЛОГ" target="_blank">ВАША ПОДПИСЬ</a><a target="_blank" data-cke-saved-href="http://urls.by/1uzy" href="http://urls.by/1uzy"></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" data-cke-saved-href="http://urls.by/1uzy" href="http://urls.by/1uzy"></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 data-cke-saved-href="http://www.egorovatatiana.ru/" href="http://www.egorovatatiana.ru/" target="_blank">Егорова Татьяна</a><a target="_blank" data-cke-saved-href="http://urls.by/1uzy" href="http://urls.by/1uzy"></a></b></span></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 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: 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"><a target="_blank" data-cke-saved-href="http://urls.by/1uzy" href="http://urls.by/1uzy"></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 data-cke-saved-href="ССЫЛКА НА ВАШ БЛОГ" href="ССЫЛКА НА ВАШ БЛОГ" target="_blank">ВАША ПОДПИСЬ</a><a target="_blank" data-cke-saved-href="http://urls.by/1uzy" href="http://urls.by/1uzy"></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 data-cke-saved-href="http://www.egorovatatiana.ru/" href="http://www.egorovatatiana.ru/" target="_blank">Егорова Татьяна</a><a target="_blank" data-cke-saved-href="http://urls.by/1uzy" 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 data-cke-saved-href="ССЫЛКА НА ВАШ БЛОГ" href="ССЫЛКА НА ВАШ БЛОГ" target="_blank">ВАША ПОДПИСЬ</a><a target="_blank" data-cke-saved-href="http://urls.by/1uzy" href="http://urls.by/1uzy"><img data-cke-saved-src="http://urls.by/1uzx" src="http://urls.by/1uzx" border="0" /></a></b></span></td></tr></table></td></tr></table>

Рамка 3

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

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

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

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

Код готовой рамки<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 data-cke-saved-href="http://www.egorovatatiana.ru/" href="http://www.egorovatatiana.ru/" target="_blank">Егорова Татьяна</a><a target="_blank" data-cke-saved-href="http://www.egorovatatiana.ru/" 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 data-cke-saved-href="ССЫЛКА НА ВАШ БЛОГ" href="ССЫЛКА НА ВАШ БЛОГ" target="_blank">ВАША ПОДПИСЬ</a><a target="_blank" data-cke-saved-href="http://www.egorovatatiana.ru/" 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 data-cke-saved-href="http://www.egorovatatiana.ru/" href="http://www.egorovatatiana.ru/" target="_blank">Егорова Татьяна</a><a target="_blank" data-cke-saved-href="http://www.egorovatatiana.ru/" 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 data-cke-saved-href="ССЫЛКА НА ВАШ БЛОГ" href="ССЫЛКА НА ВАШ БЛОГ" target="_blank">ВАША ПОДПИСЬ</a><a target="_blank" data-cke-saved-href="http://www.egorovatatiana.ru/" 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 data-cke-saved-href="http://www.egorovatatiana.ru/" href="http://www.egorovatatiana.ru/" target="_blank">Егорова Татьяна</a><a target="_blank" data-cke-saved-href="http://www.egorovatatiana.ru/" 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 data-cke-saved-href="ССЫЛКА НА ВАШ БЛОГ" href="ССЫЛКА НА ВАШ БЛОГ" target="_blank">ВАША ПОДПИСЬ</a><a target="_blank" data-cke-saved-href="http://www.egorovatatiana.ru/" 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 data-cke-saved-href="http://www.egorovatatiana.ru/" href="http://www.egorovatatiana.ru/" target="_blank">Егорова Татьяна</a><a target="_blank" data-cke-saved-href="http://www.egorovatatiana.ru/" 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 data-cke-saved-href="ССЫЛКА НА ВАШ БЛОГ" href="ССЫЛКА НА ВАШ БЛОГ" target="_blank">ВАША ПОДПИСЬ</a><a target="_blank" data-cke-saved-href="http://www.egorovatatiana.ru/" 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

Серия сообщений "для дневника - 3":
Часть 1 - далее
Часть 2 - Картинки для комментариев+код от Miss Mersedes
...
Часть 21 - Чистим куки и кеш в браузерах, возвращаем фон в Дневник
Часть 22 - Золотые разделители для текста
Часть 23 - Объемные рамки разной конфигурации. Без фотошопа!
Часть 24 - Уроки для новичков Сделаем простую схемку.
Часть 25 - Рамочки для текстов
Часть 26 - Как запретить отправку уведомлений на пост с доступом - только хозяину.
Часть 27 - СМАЙЛЫ

Метки: рамка
Понравилось: 1 пользователю

<a href="https://www.liveinternet.ru/users/5081819/post381742469/">РћР±СЉРµРјРЅС‹Рµ СЂР°РјРєРё СЂР°Р·РЅРѕР№ РєРѕРЅС„РёРіСѓСЂР°С†РёРё. Р‘РµР· С„РѕС‚РѕС€РѕРїР°!</a><br/>

РќРµРґР°РІРЅРѕ СЏ РґР°РІР°Р»Р° СѓСЂРѕРє РїРѕ РёР·РіРѕС‚РѕРІР»РµРЅРёСЋ СЂР°РјРѕРє СЃ РєСЂСѓРіР»С‹РјРё СѓРіР»Р°РјРё. РџРѕСЃРјРѕС‚СЂРµС‚СЊ РµРіРѕ РјРѕР¶РЅРѕ Р·РґРµСЃСЊ. Рђ Sergg62, РїРѕРґСЃРєР°Р·Р°Р» РєР°Рє СЃРґРµР»Р°С‚СЊ СЂР°РјРєРё СЃ СЂР°Р·РЅС‹РјРё СѓРіР»Р°РјРё Рё С‚РµРЅСЊСЋ. Р—Р° СЌС‚Рѕ РµРјСѓ РѕРіСЂРѕРјРЅРѕРµ СЃРїР°СЃРёР±Рѕ!
	РС„С„РµРєС‚ РєСЂСѓРіР»С‹С… СѓРіР»РѕРІ РІРёРґРµРЅ РІ Р±СЂР°СѓР·РµСЂР°С… Google Chrome, Mozilla Firefox. Р’ Internet Explorer СЂР°РјРєР° Р±СѓРґРµС‚ РѕС‚СЂР°Р¶Р°С‚СЊСЃСЏ РєР°Рє РѕР±С‹С‡РЅР°СЏ СЃ РїСЂСЏРјС‹РјРё СѓРіР»Р°РјРё. Р’ РґСЂСѓРіРёС… РЅРµ Р·РЅР°СЋ.
	&nbsp;

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

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

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

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

LiveInternetLiveInternet

-Рубрики

-Метки

-Цитатник

-Приложения

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

-Интересы

-Друзья

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

-Сообщества

-Статистика

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