Цитата сообщения tomishka
Учимся делать рамочку по предложенной формуле
Перед вами две рамочки, выполненные по одной и той же формуле. В первой рамочке пришлось уменьшить ширину разделителя до 200, так как ширина оригинала 800. Во второй рамочке в качестве второго разделителя взят клипарт, но ширину тоже пришлось уменьшить до 550. Кроме этого ширина основного фона нулевая, а размер картинки увеличен до 550. Формулу я взяла у Ларисы Гурьяновой и большую часть своих рамочек делаю по ней. Посмотрим, что же собой представляет эта формула.
Код для рамочки
В окошке вверху дан код-шаблон, попытаемся с ним разобраться. Рамочка восьмислойная: 4 слоя обводки, 2 блестящих слоя, слой широкой полоски и слой основного фона. Кроме этого рамка предусматривает наличие картинки и двух разделителей, украшающих рамочку. Чем отличается один слой от другого? Только своей шириной: ширина основного фона 15px, широкая полоска 45px, все остальные по 4px. Указанные размеры можно менять, но надо помнить, что изменить надо оба числа в слое, а не одно. Если картинку взять шириной 500px, то ширина всей рамочки будет, как легко подсчитать, 668px. Все размеры для каждого слоя в шаблоне можно менять, но в разумных пределах. Лично я меняю указанные размеры очень редко, последнее время, правда, ширину основного фона беру нулевой, но увеличиваю размер картинки до 550. Ниже в окошке представлена информация, относящаяся к одному слою, ширина которого 4px, в конце стоят три закрывающих тега с наклонными черточками. В коде-шаблоне всей рамочки для каждого из 8-ми слоев они все стоят в конце.
Один слой шириной 4px
Осталось разобраться с картинкой и разделителями. Сравним информацию, относящуюся к картинке, с информацией для разделителя. Для картинки указана конкретная ширина, и если ваша картинка шире, то она будет уменьшена, а соответственно автоматически изменится и высота картинки. А вот разделитель останется в размере оригинала. Если этот размер не превышает 500, то рамочка по размеру не изменится, а если он широкий, то рамочка растянется в ширину. В этом случае надо взять из картинки width="500" и поставить в разделитель вместо border="0" и, может быть, сразу 500 заменить на 300 или 200.
Картинка
Разделитель
В роли разделителя может использоваться клипарт или красивый текст. ССЫЛКА НА БЛОГ и ИМЯ БЛОГА также надо заменить на свои собственные. Все замены соответствующими адресами надо делать очень аккуратно, не затрагивая кавычек, причем ни в начале ( после открывшейся кавычки), ни в конце ( перед закрывшейся кавычкой) не должно быть пробелов. В последнее время у заносимого адреса частенько автоматически убирается http:, но это никак не влияет на конечный результат при создании рамочки. Текст и имя блога будут напечатаны черным цветом, так как выбран код цвета, состоящий из шести нулей, при желании цвет можно изменить на другой.
А теперь несколько советов. Занеся в черновик дневника код-шаблон рамочки, я первым делом размещаю картинку, вставляя аккуратно адрес найденной для рамочки картинки вместо текста АДРЕС КАРТИНКИ. Потом нахожу среди однотонных фонов подходящий для картинки фон и вставляю его адрес, внимательно следя за кавычками. Теперь беру адрес выбранной обводки и вставляю на место той обводки, которая следует за широкой полосой. В этом случае очень хорошо видно, подходят ли выбранные фоны друг к другу. Если фоны, с моей точки зрения, не подошли, ищу другой фон для обводки, а если подошли, то вставляю адрес вместо остальных адресов обводки. Если фон с mail.ru, то для самого первого слоя его использовать нельзя, а внутри можно. Поэтому в таких случаях для первого слоя обводки я беру адрес основного фона, если он не с mail.ru. Ниже представлено немного фонов, используемых для обводки, причем последний с mail.ru.
Фоны, используемые в качестве блестящих, можно посмотреть, зайдя по ссылке https://www.liveinternet.ru/users/tomishka/post424040715/
Это цитата сообщения Arnusha в моем блоге. Наконец в произвольном порядке заполняю все остальное. Желаю всем удачи в создании восьмислойных рамочек. Вопросы можно задать в комментариях.
