Учимся делать рамочку по предложенной формуле




<div align="center"><table border="0" background="https://img-fotki.yandex.ru/get/194550/50114850.7e7/0_11e176_bae1480_S.jpg" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="https://img-fotki.yandex.ru/get/372432/50114850.875/0_127dab_53863089_S" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="https://img-fotki.yandex.ru/get/194550/50114850.7e7/0_11e176_bae1480_S.jpg" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="//img-fotki.yandex.ru/get/9509/112265771.2d9/0_968e5_95d085e4_S.jpg" cellpadding="45" cellspacing="0"><tr><td style="padding: 45px;"><table border="0" background="https://img-fotki.yandex.ru/get/194550/50114850.7e7/0_11e176_bae1480_S.jpg" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="https://img-fotki.yandex.ru/get/372432/50114850.875/0_127dab_53863089_S" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="https://img-fotki.yandex.ru/get/194550/50114850.7e7/0_11e176_bae1480_S.jpg" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="//img-fotki.yandex.ru/get/6000/114259404.622/0_8bb13_605cedf8_S.jpg" cellpadding="15" cellspacing="0"><tr><td style="padding: 15px;"><center><img src="https://img0.liveinternet.ru/images/foto/c/1/838/4215838/f_21236948.jpg" width="500" /><br /><img src="http://intelekt-um.ru/images/anonsi/phoca_thumb_l_c-06.png" width="200" /><br /><center><font size="5" color="#333333" face="Monotype Corsiva"> Здесь будет ваш текст<br /><br /><img src="http://intelekt-um.ru/images/anonsi/phoca_thumb_l_c-06.png" width="200" /><br /></font></center><div align="center"> <a target="_blank" href="АДРЕС БЛОГА"><font size="1" color="#333333" face="Monotype Corsiva">tomishka</font></a></div></center></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></div><br />



<div align="center"><table border="0" background="https://img0.liveinternet.ru/images/attach/c/0/118/139/118139282_8.jpg" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="//img-fotki.yandex.ru/get/5608/83186431.d0/0_62aeb_29a42775_S.jpg" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="https://img0.liveinternet.ru/images/attach/c/0/118/139/118139282_8.jpg" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="//img-fotki.yandex.ru/get/6602/93940825.81/0_873a3_5f4d4e60_M.jpg" cellpadding="45" cellspacing="0"><tr><td style="padding: 45px;"><table border="0" background="https://img0.liveinternet.ru/images/attach/c/0/118/139/118139282_8.jpg" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="//img-fotki.yandex.ru/get/5608/83186431.d0/0_62aeb_29a42775_S.jpg" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="https://img0.liveinternet.ru/images/attach/c/0/118/139/118139282_8.jpg" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="https://img0.liveinternet.ru/images/attach/c/1//48/868/48868965_autr45.jpg" cellpadding="0" cellspacing="0"><tr><td style="padding: 0px;"><center><img src="https://img-fotki.yandex.ru/get/16183/201409892.ed/0_105e12_4bca70fd_orig.jpg" width="550" /><br /><img src="https://img-fotki.yandex.ru/get/879536/370314972.75b/0_187b79_c78eb6f5_XL.gif" width="350" /><br /><br /><center><font size="5" color="#fafec8" face="Monotype Corsiva"> Здесь будет ваш текст<br /><br /><img src="https://img-fotki.yandex.ru/get/16132/160780412.d28/0_16626d_48402e9d_orig.png" width="550" /><br /></font></center><div align="center"> <a target="_blank" href="АДРЕС БЛОГА"><font size="1" color="#fafec8" face="Monotype Corsiva">tomishka</font></a></div></center></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></div><br />

Перед вами две рамочки, выполненные по одной и той же формуле. В первой рамочке пришлось уменьшить ширину разделителя до 200, так как ширина оригинала 800. Во второй рамочке в качестве второго разделителя взят клипарт, но ширину тоже пришлось уменьшить до 550. Кроме этого ширина основного фона нулевая, а размер картинки увеличен до 550. Формулу я взяла у Ларисы Гурьяновой и большую часть своих рамочек делаю по ней. Посмотрим, что же собой представляет эта формула.

Код для рамочки

<div align="center"><table border="0" background="АДРЕС ФОНА ОБВОДКИ" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="АДРЕС БЛЕСТЯЩЕГО ФОНА" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="АДРЕС ФОНА ОБВОДКИ" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="АДРЕС ШИРОКОГО ФОНА" cellpadding="45" cellspacing="0"><tr><td style="padding: 45px;"><table border="0" background="АДРЕС ФОНА ОБВОДКИ" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="АДРЕС БЛЕСТЯЩЕГО ФОНА" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="АДРЕС ФОНА ОБВОДКИ" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="АДРЕС ОСНОВНОГО ФОНА" cellpadding="15" cellspacing="0"><tr><td style="padding: 15px;"><center><img src="АДРЕС КАРТИНКИ" width="500" /><br /><img src="АДРЕС РАЗДЕЛИТЕЛЯ" border="0" /><br /><center><font size="5" color="#000000" face="Monotype Corsiva"> Здесь будет ваш текст<br /><br /><img src="АДРЕС РАЗДЕЛИТЕЛЯ" border="0" /><br /></font></center><div align="center"> <a target="_blank" href="АДРЕС БЛОГА"><font size="1" color="#000000" face="Monotype Corsiva">ИМЯ БЛОГА</font></a></div></center></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></div><br />
В окошке вверху дан код-шаблон, попытаемся с ним разобраться. Рамочка восьмислойная: 4 слоя обводки, 2 блестящих слоя, слой широкой полоски и слой основного фона. Кроме этого рамка предусматривает наличие картинки и двух разделителей, украшающих рамочку. Чем отличается один слой от другого? Только своей шириной: ширина основного фона 15px, широкая полоска 45px, все остальные по 4px. Указанные размеры можно менять, но надо помнить, что изменить надо оба числа в слое, а не одно. Если картинку взять шириной 500px, то ширина всей рамочки будет, как легко подсчитать, 668px. Все размеры для каждого слоя в шаблоне можно менять, но в разумных пределах. Лично я меняю указанные размеры очень редко, последнее время, правда, ширину основного фона беру нулевой, но увеличиваю размер картинки до 550. Ниже в окошке представлена информация, относящаяся к одному слою, ширина которого 4px, в конце стоят три закрывающих тега с наклонными черточками. В коде-шаблоне всей рамочки для каждого из 8-ми слоев они все стоят в конце.
Один слой шириной 4px

<table border="0" background="АДРЕС ФОНА" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"></td></tr></table>
Осталось разобраться с картинкой и разделителями. Сравним информацию, относящуюся к картинке, с информацией для разделителя. Для картинки указана конкретная ширина, и если ваша картинка шире, то она будет уменьшена, а соответственно автоматически изменится и высота картинки. А вот разделитель останется в размере оригинала. Если этот размер не превышает 500, то рамочка по размеру не изменится, а если он широкий, то рамочка растянется в ширину. В этом случае надо взять из картинки width="500" и поставить в разделитель вместо border="0" и, может быть, сразу 500 заменить на 300 или 200.
Картинка

<img src="АДРЕС КАРТИНКИ" width="500" />
Разделитель

<img src="АДРЕС РАЗДЕЛИТЕЛЯ" border="0" />
В роли разделителя может использоваться клипарт или красивый текст. ССЫЛКА НА БЛОГ и ИМЯ БЛОГА также надо заменить на свои собственные. Все замены соответствующими адресами надо делать очень аккуратно, не затрагивая кавычек, причем ни в начале ( после открывшейся кавычки), ни в конце ( перед закрывшейся кавычкой) не должно быть пробелов. В последнее время у заносимого адреса частенько автоматически убирается http:, но это никак не влияет на конечный результат при создании рамочки. Текст и имя блога будут напечатаны черным цветом, так как выбран код цвета, состоящий из шести нулей, при желании цвет можно изменить на другой.
А теперь несколько советов. Занеся в черновик дневника код-шаблон рамочки, я первым делом размещаю картинку, вставляя аккуратно адрес найденной для рамочки картинки вместо текста АДРЕС КАРТИНКИ. Потом нахожу среди однотонных фонов подходящий для картинки фон и вставляю его адрес, внимательно следя за кавычками. Теперь беру адрес выбранной обводки и вставляю на место той обводки, которая следует за широкой полосой. В этом случае очень хорошо видно, подходят ли выбранные фоны друг к другу. Если фоны, с моей точки зрения, не подошли, ищу другой фон для обводки, а если подошли, то вставляю адрес вместо остальных адресов обводки. Если фон с mail.ru, то для самого первого слоя его использовать нельзя, а внутри можно. Поэтому в таких случаях для первого слоя обводки я беру адрес основного фона, если он не с mail.ru. Ниже представлено немного фонов, используемых для обводки, причем последний с mail.ru.

Фоны, используемые в качестве блестящих, можно посмотреть, зайдя по ссылке https://www.liveinternet.ru/users/tomishka/post424040715/
Это цитата сообщения Arnusha в моем блоге. Наконец в произвольном порядке заполняю все остальное. Желаю всем удачи в создании восьмислойных рамочек. Вопросы можно задать в комментариях.