Поговорим ещё раз о рамочках

Среда, 22 Мая 2024 г. 14:23 + в цитатник

Цитата сообщения tomishka

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

Поговорим ещё раз о рамочках!

Перед вами шаблон для рамочки с черным фоном. Можете сделать рамочку только с картинкой, а разделитель удалить. В качестве разделителя можно использовать картинку того же формата, картинку на прозрачном фоне или подходящий клипарт. Картинки можете брать в моем дневнике без всякого цитирования из раздела картинок. Они все есть в свободном доступе в интернете.

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

<center><table background="//img0.liveinternet.ru/images/attach/d/4/162/413/162413654_zr7.jpg" cellpadding="0" cellspacing="0" style="border:2px groove #663300"><tbody><tr><td style="padding:2px"><table background="//img0.liveinternet.ru/images/attach/d/4/162/413/162413660_zr9.jpg" cellpadding="0" cellspacing="0" style="border:2px groove #663300"> <tbody><tr><td style="padding:6px"><table background="//img0.liveinternet.ru/images/attach/d/4/162/413/162413654_zr7.jpg" cellpadding="0" cellspacing="0" style="border:2px groove #663300"><tbody><tr><td style="padding:2px"><table cellpadding="0" cellspacing="0" height="100" style="border:2px groove #663300;background-color:#000000" width="600"><tbody><tr><td align="center" style="padding:1px" zzz="zz"><span style="font-family:Times New Roman;color:#dcb650;font-size:26px"><i><img src="АДРЕС КАРТИНКИ" width="ШИРИНА" /><br /><br />Здесь будет ваш текст<br /><br /><img src="АДРЕС РАЗДЕЛИТЕЛЯ" width="ШИРИНА" /><br /></i></span></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></center>

Рамочка с черным фоном выполненная по предложенному шаблону.

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

<center><table background="//img0.liveinternet.ru/images/attach/d/4/162/413/162413654_zr7.jpg" cellpadding="0" cellspacing="0" style="border:2px groove #663300"><tbody><tr><td style="padding:2px"><table background="//img0.liveinternet.ru/images/attach/d/4/162/413/162413660_zr9.jpg" cellpadding="0" cellspacing="0" style="border:2px groove #663300"> <tbody><tr><td style="padding:6px"><table background="//img0.liveinternet.ru/images/attach/d/4/162/413/162413654_zr7.jpg" cellpadding="0" cellspacing="0" style="border:2px groove #663300"><tbody><tr><td style="padding:2px"><table cellpadding="0" cellspacing="0" height="100" style="border:2px groove #663300;background-color:#000000" width="600"><tbody><tr><td align="center" style="padding:1px" zzz="zz"><span style="font-family:Times New Roman;color:#dcb650;font-size:26px"><i><img src="//img1.liveinternet.ru/images/attach/d/4/162/413/162413715_kwf.jpg" width="700" height="467" alt="kwf (700x467, 347Kb)" /><br /><br />Здесь будет ваш текст<br /><br /><img src="//img1.liveinternet.ru/images/attach/d/4/162/413/162413683_zkr.png" width="300" /><br /></i></span></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></center>

С предложенной внешней окантовкой рамочки черный фон можно заменить на коричневый, рамочка тоже будет выглядеть нормально.
Рамочка с коричневым фоном.

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

<center><table background="//img0.liveinternet.ru/images/attach/d/4/162/413/162413654_zr7.jpg" cellpadding="0" cellspacing="0" style="border:2px groove #663300"><tbody><tr><td style="padding:2px"><table background="//img0.liveinternet.ru/images/attach/d/4/162/413/162413660_zr9.jpg" cellpadding="0" cellspacing="0" style="border:2px groove #663300"> <tbody><tr><td style="padding:6px"><table background="//img0.liveinternet.ru/images/attach/d/4/162/413/162413654_zr7.jpg" cellpadding="0" cellspacing="0" style="border:2px groove #663300"><tbody><tr><td style="padding:2px"><table cellpadding="0" cellspacing="0" height="100" style="border:2px groove #663300;background-color:#664400" width="600"><tbody><tr><td align="center" style="padding:1px" zzz="zz"><span style="font-family:Times New Roman;color:#dcb650;font-size:26px"><i><img src="//img1.liveinternet.ru/images/attach/d/4/162/413/162413715_kwf.jpg" width="700" height="467" alt="kwf (700x467, 347Kb)" /><br /><br />Здесь будет ваш текст<br /><br /><img src="//img1.liveinternet.ru/images/attach/d/4/162/413/162413683_zkr.png" width="300" /><br /></i></span></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></center>

А вот если вы хотите использовать какой-нибудь другой фон, то самый простой вариант - это удаление окантовки. Для этого в шаблоне надо выделить все теги, относящиеся к окантовке, и удалить их. Закрывающие теги убрать, но если вы сами их не уберете, то они будут все равно удалены автоматически. В шаблоне предусмотрена окантовка каждого из четырех фонов, это бордюр шириной в 2px коричневого цвета. Вы можете изменить цвет этой окантовки, заменив 663300 другим значением в одном или в нескольких местах.

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