Видя красивые рамочки, вы тоже захотели научиться делать их самостоятельно, но не знаете с чего начать. Поверьте мне на слово, что научиться этому может каждый. Когда-то у Ларисы Гурьяновой мне попалась формула, приведенная ниже, и большую часть своих рамочек я делаю по ней. О том, что собой представляет эта формула, вы можете прочитать, открыв пост https://www.liveinternet.ru/users/tomishka/post428985241/, я же хожу рассказать с чего начать и какие подводные камни вы можете встретить на своем пути.
Код для рамочки
Вам попалась красивая картинка и вы захотели сделать с ней рамочку, а внутри поместить какой-то текст. Самый простой вариант это картинка, расположенная на подходящем для картинки фоне, с вашей подписью. Прежде всего в коде для рамочки замените АДРЕС БЛОГА на свой собственный и ИМЯ БЛОГА на своё и полученный код сохраните там, откуда вы всегда сможете его взять. Замену проведите очень аккуратно, не затронув кавычки и не допустив пробелов ни в начале, ни в конце. Теперь адрес картинки и адрес подобранного основного фона занесите в код рамочки.
Здесь будет ваш текст
|
Перед вами рамочка этого простейшего варианта. Все лишнее из кода рамочки надо убрать. Рамочка восьмислойная, а мы использовали только один ( ОСНОВНОЙ ), значит информацию для семи неиспользованных слоев надо аккуратно выделить и удалить. Мы не стали использовать разделители, значит и эту информацию надо удалить, а вот закрывающие теги будут удалены автоматически, если мы сами этого не сделаем. Какие неприятности нас могут ожидать на этом этапе? Код основного фона, вроде, занесли, нажали СОХРАНИТЬ ИЗМЕНЕНИЯ, но фон отсутствует. Почему? Причин может быть несколько:
1. На место адреса фона занесли адрес своего дневника ( со мной такое и сейчас иногда случается).
2.Адрес фона занесен верный, но в конце есть пробелы.
3.Занесенный адрес фона содержит пробел впереди.
Первые две ошибки легко обнаружить и исправить, перейдя в режим РЕДАКТИРОВАНИЯ, а вот третий вариант, если не знать, что произошло, исправить труднее. Чтобы вам было понятнее, что произойдет, если вы не заметили пробел предшествующий адресу фона, я ниже привела коды до замены и после замены.
Однослойную рамочку вы делать научились и вам захотелось сделать рамочку из двух слоев и для украшения добавить парочку разделителей. Можно ширину основного фона уменьшить до нуля, но увеличить размер картинки, при этом рамочка будет выглядеть иначе. Ниже приведен вариант такой рамочки. Как и в первом случае, всё лишнее из кода рамочки удалено, а код стоит под рамочкой.
Перед вами рамочка, в которой фон для широкой полосы прозрачный. Если ничего в коде рамочки не менять, то этот фон будет наложен на фон обводки, что не всегда смотрится красиво. Исправить положение можно, если добавить лишний слой с фоном, совпадающим с основным фоном рамочки. Для этого копируем всё, относящееся к основному фону, и вставляем перед широким фоном. Закрывающие теги в коде рамочки не ставим, они будут добавлены автоматически.
Ещё одна рамочка, отличие которой от других состоит в том, что вокруг картинки есть обводка. Сделать это легко, если заменить
на
Исходный размер картинки 590*442, для рамочки мы хотим взять картинку шириной 550 px, значит надо пересчитать высоту. Из пропорции находим высоту Х=(550*442)/590=412. А вот цвет для обводки придется подобрать. Желаю всем удачи в создании своих собственных рамочек. Вопросы можно задать в комментариях. |
irinushka_-_oren, знают многие.И ей сейчас нужна наша поддержка.
