Рамочки красные (Часть 2). Растягивается по ширине под ваши картинки и текст.

Четверг, 17 Января 2013 г. 17:16 + в цитатник

Небольшое пояснение.
Эти рамочки, как резиновые, будут охватывать ваш текст и картинки. Если Вы помещаете в них стихи- они будут узкими, если прозу - они растянутся по ширине до ширины ленты записей.
Если Вы хотите, чтобы пост с текстом-прозой был шириной с вашу картинку, то делайте сами перенос текста на следующую строку, делая строчки узкими. Я могла бы зафиксировать ширину рамки в самом коде, но тогда она утратила бы свою универсальность - у одних картинка одного размера, у других другого.
А так - творите сами, сами делайте ширину строчек текста размером
с вашу картинку и рамка не растянется слишком сильно.
Удачи в творчестве.

========================
Ширина рамочки фиксируется, если задать конкретное значение параметру ШИРИНА_РАМКИ . Обычно это цифра 500, 550 или 600 и равна ширине width заглавной картинки или коллажа Вашего поста.
Для работы с рамочками используйте ПРОСТОЙ редактор.
============

Часть№1 здесь

Рамочка №1

ТУТ БУДЕТ ВАШ ТЕКСТ
Рамочка растягивается по ширине под ваши картинки и текст.
При использовании код рамочки не изменять
Авторские ссылки не убирать

Код рамочка №1

<table align="center" style="border:3px groove #000000;background-color:#cc0000" cellspacing="0" cellpadding="0"><tr><td style="padding:3px"><table style="border:3px inset #000000" background="//img-fotki.yandex.ru/get/6002/belyakova-m.ea/0_61ace_5de57c61_XS.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:1px"><table style="border:3px outset #000000;background-color:#cc0000" cellspacing="0" cellpadding="0"><tr><td style="padding:3px"><table style="border:3px inset #000000" background="//img-fotki.yandex.ru/get/5300/belyakova-m.b9/0_5860f_d6bbac8f_M.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:30px"><table style="border:3px outset #000000;background-color:#cc0000" cellspacing="0" cellpadding="0"><tr><td style="padding:3px"><table style="border:3px inset #000000" background="//img-fotki.yandex.ru/get/6002/belyakova-m.ea/0_61ace_5de57c61_XS.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:1px"><table style="border:3px outset #000000;background-color:#cc0000" cellspacing="0" cellpadding="0"><tr><td style="padding:3px"><table style="border:3px solid #000000;background-color:#990000" cellspacing="0" cellpadding="0"><tr><td style="padding:5px" width="ШИРИНА_РАМКИ" align="center"><font style="font-family:Georgia;color:#FFFFFF;font-size:17px"><b><br />
ТУТ БУДЕТ ВАШ ТЕКСТ<br />
<br /><img src="//img-fotki.yandex.ru/get/5820/35204204.106/0_87fe3_bdeac752_L.jpg" width="450" height="20" title="Разделители" alt="Разделители" border="0" /></b></font><a href="http://blogs.mail.ru/mail/box1958" target="_blank"><img src="//i033.radikal.ru/1005/e5/ac5d9ea9c583.gif" width="1" height="1" border="0" /></a></td></tr><tr><td style="padding:0px" height="1%" align="center"> <a href="//www.liveinternet.ru/users/margo29/post257047836" target="_blank"><img src="http://content.foto.mail.ru/mail/box1958/_animated/i-913.gif" width="8" height="7" align="right" border="0" /><img src="http://4maf.ru/style/code2.png" align="right" title="Получить код этой рамочки" width="20" border="0" /></a><font style="color:#ff0000;font-size:10px"><a href="//www.liveinternet.ru/users/margo29" target="_blank"><img src="//img-fotki.yandex.ru/get/58191/35204204.126/0_90ccc_4e19e2ba_XS.jpg" width="97" height="7" alt="La@Perla" border="0" /></a></font></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table>

Рамочка №2

Код рамочка №2

<table align="center" style="border:3px groove #000000;background-color:#cc0000" cellspacing="0" cellpadding="0"><tr><td style="padding:3px"><table style="border:3px inset #000000" background="//img-fotki.yandex.ru/get/6002/belyakova-m.ea/0_61ace_5de57c61_XS.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:1px"><table style="border:3px outset #000000;background-color:#cc0000" cellspacing="0" cellpadding="0"><tr><td style="padding:3px"><table style="border:3px inset #000000" background="//img-fotki.yandex.ru/get/6002/belyakova-m.d7/0_5b3a7_49bf16f8_XS.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:30px"><table style="border:3px outset #000000;background-color:#cc0000" cellspacing="0" cellpadding="0"><tr><td style="padding:3px"><table style="border:3px inset #000000" background="//img-fotki.yandex.ru/get/6002/belyakova-m.ea/0_61ace_5de57c61_XS.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:1px"><table style="border:3px outset #000000;background-color:#cc0000" cellspacing="0" cellpadding="0"><tr><td style="padding:3px"><table style="border:3px solid #000000;background-color:#660000" cellspacing="0" cellpadding="0"><tr><td width="ШИРИНА_РАМКИ" style="padding:5px" align="center"><font style="font-family:Georgia;color:#FFFFFF;font-size:17px"><b><br />
ТУТ БУДЕТ ВАШ ТЕКСТ<br />
<br /><img src="//img-fotki.yandex.ru/get/5820/35204204.106/0_87fe3_bdeac752_L.jpg" width="450" height="20" title="Разделители" alt="Разделители" border="0" /></b></font><a href="http://blogs.mail.ru/mail/box1958" target="_blank"><img src="//i033.radikal.ru/1005/e5/ac5d9ea9c583.gif" width="1" height="1" border="0" /></a></td></tr><tr><td style="padding:0px" height="1%" align="center"> <a href="//www.liveinternet.ru/users/margo29/post257047836" target="_blank"><img src="http://content.foto.mail.ru/mail/box1958/_animated/i-913.gif" width="8" height="7" align="right" border="0" /><img src="http://4maf.ru/style/code2.png" align="right" title="Получить код этой рамочки" width="20" border="0" /></a><font style="color:#ff0000;font-size:10px"><a href="//www.liveinternet.ru/users/margo29" target="_blank"><img src="//img-fotki.yandex.ru/get/58191/35204204.126/0_90ccc_4e19e2ba_XS.jpg" width="97" height="7" alt="La@Perla" border="0" /></a></font></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table>

Рамочка №3

Код рамочка №3

<table align="center" style="border:3px groove #000000;background-color:#cc0000" cellspacing="0" cellpadding="0"><tr><td style="padding:3px"><table style="border:3px inset #000000" background="//img-fotki.yandex.ru/get/6002/belyakova-m.ea/0_61ace_5de57c61_XS.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:1px"><table style="border:3px outset #000000;background-color:#cc0000" cellspacing="0" cellpadding="0"><tr><td style="padding:3px"><table style="border:3px inset #000000" background="//img-fotki.yandex.ru/get/6105/35204204.13d/0_9568c_9440e1b1_XXS.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:30px"><table style="border:3px outset #000000;background-color:#cc0000" cellspacing="0" cellpadding="0"><tr><td style="padding:3px"><table style="border:3px inset #000000" background="//img-fotki.yandex.ru/get/6002/belyakova-m.ea/0_61ace_5de57c61_XS.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:1px"><table style="border:3px outset #000000;background-color:#cc0000" cellspacing="0" cellpadding="0"><tr><td style="padding:3px"><table style="border:3px solid #000000;background-color:#960424" cellspacing="0" cellpadding="0"><tr><td width="ШИРИНА_РАМКИ" style="padding:5px" align="center"><font style="font-family:Georgia;color:#FFFFFF;font-size:17px"><b><br />
ТУТ БУДЕТ ВАШ ТЕКСТ<br />
<br /><img src="//img-fotki.yandex.ru/get/5820/35204204.106/0_87fe3_bdeac752_L.jpg" width="450" height="20" title="Разделители" alt="Разделители" border="0" /></b></font><a href="http://blogs.mail.ru/mail/box1958" target="_blank"><img src="//i033.radikal.ru/1005/e5/ac5d9ea9c583.gif" width="1" height="1" border="0" /></a></td></tr><tr><td style="padding:0px" height="1%" align="center"> <a href="//www.liveinternet.ru/users/margo29/post257047836" target="_blank"><img src="http://content.foto.mail.ru/mail/box1958/_animated/i-913.gif" width="8" height="7" align="right" border="0" /><img src="http://4maf.ru/style/code2.png" align="right" title="Получить код этой рамочки" width="20" border="0" /></a><font style="color:#ff0000;font-size:10px"><a href="//www.liveinternet.ru/users/margo29" target="_blank"><img src="//img-fotki.yandex.ru/get/58191/35204204.126/0_90ccc_4e19e2ba_XS.jpg" width="97" height="7" alt="La@Perla" border="0" /></a></font></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table>

Еще Рамочки от La_Perla

Код для Мэйл-ру

★ Новое и интересное в дневнике ★ Для перехода жми на картинку!★ Новое и интересное в дневнике

Новое и интересное в дневнике

Новое и интересное в дневнике

Новое и интересное в дневнике

Новое и интересное в дневнике
Лучшая благодарность - нажатие зеленой кнопочки НРАВИТСЯ

и цитирование.

<a href="https://www.liveinternet.ru/users/margo29/post257047836/">Р Р°РјРѕС‡РєРё РєСЂР°СЃРЅС‹Рµ (Р§Р°СЃС‚СЊ 2). Р Р°СЃС‚СЏРіРёРІР°РµС‚СЃСЏ РїРѕ С€РёСЂРёРЅРµ РїРѕРґ РІР°С€Рё РєР°СЂС‚РёРЅРєРё Рё С‚РµРєСЃС‚.</a><br/>РќРµР±РѕР»СЊС€РѕРµ РїРѕСЏСЃРЅРµРЅРёРµ.
РС‚Рё СЂР°РјРѕС‡РєРё, РєР°Рє СЂРµР·РёРЅРѕРІС‹Рµ, Р±СѓРґСѓС‚ РѕС…РІР°С‚С‹РІР°С‚СЊ РІР°С€ С‚РµРєСЃС‚ Рё РєР°СЂС‚РёРЅРєРё. Р•СЃР»Рё Р’С‹ РїРѕРјРµС‰Р°РµС‚Рµ РІ РЅРёС… СЃС‚РёС…Рё- РѕРЅРё Р±СѓРґСѓС‚ СѓР·РєРёРјРё, РµСЃР»Рё РїСЂРѕР·Сѓ - РѕРЅРё СЂР°СЃС‚СЏРЅСѓС‚СЃСЏ РїРѕ С€РёСЂРёРЅРµ РґРѕ С€РёСЂРёРЅС‹ Р»РµРЅС‚С‹ Р·Р°РїРёСЃРµР№. 
Р•СЃР»Рё Р’С‹ С…РѕС‚РёС‚Рµ, С‡С‚РѕР±С‹ РїРѕСЃС‚ СЃ С‚РµРєСЃС‚РѕРј-РїСЂРѕР·РѕР№ Р±С‹Р» С€РёСЂРёРЅРѕР№ СЃ РІР°С€Сѓ РєР°СЂС‚РёРЅРєСѓ, С‚Рѕ РґРµР»Р°Р№С‚Рµ СЃР°РјРё РїРµСЂРµРЅРѕСЃ С‚РµРєСЃС‚Р° РЅР° СЃР»РµРґСѓСЋС‰СѓСЋ СЃС‚СЂРѕРєСѓ, РґРµР»Р°СЏ СЃС‚СЂРѕС‡РєРё СѓР·РєРёРјРё. РЇ РјРѕРіР»Р° Р±С‹ Р·Р°С„РёРєСЃРёСЂРѕРІР°С‚СЊ С€РёСЂРёРЅСѓ СЂР°РјРєРё РІ СЃР°РјРѕРј РєРѕРґРµ, РЅРѕ С‚РѕРіРґР° РѕРЅР° СѓС‚СЂР°С‚РёР»Р° Р±С‹ СЃРІРѕСЋ СѓРЅРёРІРµСЂСЃР°Р»СЊРЅРѕСЃС‚СЊ - Сѓ РѕРґРЅРёС… РєР°СЂС‚РёРЅРєР° РѕРґРЅРѕРіРѕ СЂР°Р·РјРµСЂР°, Сѓ РґСЂСѓРіРёС… РґСЂСѓРіРѕРіРѕ. 
Рђ С‚Р°Рє - С‚РІРѕСЂРёС‚Рµ СЃР°РјРё, СЃР°РјРё РґРµР»Р°Р№С‚Рµ С€РёСЂРёРЅСѓ СЃС‚СЂРѕС‡РµРє С‚РµРєСЃС‚Р° СЂР°Р·РјРµСЂРѕРј 
СЃ РІР°С€Сѓ РєР°СЂС‚РёРЅРєСѓ Рё СЂР°РјРєР° РЅРµ СЂР°... <a href="https://www.liveinternet.ru/users/margo29/post257047836/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

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

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

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

Lkis обратиться по имени Четверг, 17 Января 2013 г. 17:22 (ссылка)

БЛАГОДАРЮ ВАС!

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

Prudent обратиться по имени Четверг, 17 Января 2013 г. 17:45 (ссылка)

КрАсотень:)

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

Надежда-Ариана обратиться по имени Четверг, 17 Января 2013 г. 17:51 (ссылка)

Риточка,красотаааа!!!!!!!!!!!!!!!!!!!!!!!!!! Благодарю!

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

La-Perla_Margarita обратиться по имени Четверг, 17 Января 2013 г. 18:00 (ссылка)

Для тех, кто не знает, как использовать рамочки:

Я советую пользоваться ими так:
открываете НОВУЮ ЗАПИСЬ в ПРОСТОМ редакторе (сверху не должно быть кнопок),
переносите туда код рамочки
и вместо слов ТУТ БУДЕТ ВАШ ТЕКСТ вставляете текст своего поста.
Если часть поста Вы убираете под КАТ (more) в квадратных скобках,
то в конце текста должен стоять закрывающий тег (/more) тоже, естественно в квадратных скобках (об этом не надо забывать, иначе конец кода рамки тоже спрячется под КАТ).
Сохраняете такой пост в черновике. Смотрите, что получилось, при необходимости редактируете, и только потом опубликовываете в свой дневник.
Пользоваться текстовыми редакторами CKEditor / FCKEditor я ОЧЕНЬ не советую.
Удачи!!!

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

LiveInternetLiveInternet

-Метки

-Музыка

-Всегда под рукой

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

-Статистика

Рамочки красные (Часть 2). Растягивается по ширине под ваши картинки и текст.