Все игры
Запись

Метки: рамки, урок

Нравится

Вы не можете комментировать, т.к. не авторизованы.


Ирина Балашова      18-01-2013 11:06 (ссылка)
Re:

По просьбам читателе, даю код сложной рамочки с картинкой, где надо только подставить вашу картинку, адрес нужного вам фона си свой пост с текстом. И у вас будет вот такая рамочка.

........................................................................................................
Кони, кони — вы сказка и песня,
К вам любви объяснить не смогу.
Словно в детстве каком-то нездешнем
Вижу вас я, в ночном, на лугу.


Здесь внизу, в окошечке формула такой рамочки, вам остается только ее скопировать



Скопируйте ее всю, и вставьте у себя в блоге в НОВУЮ ЗАПИСЬ. Вам надо только добавить фон с радикала (или адрес фона с любого сайта), текст и даже картинку. Можете менять цвет и шрифт текста.
Немного поподробнее.Формула выглядит вот так.



Сначала выбираем первый фон, им будут окрашены края рамочки ( в моем примере -ЭТО ЖЕЛТЫЙ цвет., и вместо слов 1-ый фон с радикала № 1, вставляем АДРЕС ФОНА. Если с радикала, то это КОД N1. Если вы берете фон с надежного сайта, то возьмите АДРЕС ФОНА прямо с сайта.( Встав на нужный фон мышкой,жмете правую кнопку мыши и выбираете КОПИРОВАТЬ URL КАРТИНКИ).
В формулу этот адрес вставляется ТРИЖДЫ.



Теперь выбираем для поста второй фон, и так же заменяем его на адрес. ПОМНИТЕ что на ВТОРОМ фоне у вас будет и текст и картинка. То есть это будет основной фон рамки.



Затем вставляете нужную картинку, тоже стирая слово КАРТИНКА. И последним вставляем текст. Коды для текста уже проставлены в формуле, но вы их можете заменить на свои.



Так же вы можете разнообразить цвета ободков рамки, и все фоны ободков поставить разные. Все зависит от вашей фантазии, и вашего поста, который вы задумали.

Готовый код выглядит вот так.



Где желтый - адрес 1-го фона
Где голубой - адрес 2-го фона
Зеленый - HTML картинки.
Красным выделен текст.

Вот и все. Рамка готова.
Рамка эта встает по ширине вашей записи. Если у вас узкий текст и картинка, (например стихи), то и рамка будет узкой.

И если вы хотите ее такой оставить, то для того, что бы она встала посредине блога, то код центровки перед рамками, таблицами вот в этом окошечке. Просто скопируйте его и поставьте перед рамкой.



Если все таки хотите что бы рамка была по ширине блога, а текст у вас узкой, то можете растянуть его просто точками, сделав их по цвету фона, что бы не были видны.
Успехов в вашем творчестве!
Из блога ГАЛИНЫ ШАДРИНОЙ
Svetlana ***      18-01-2013 14:12 (ссылка)
Лола Автайкина      18-01-2013 17:06 (ссылка)
Большое спасибо
     01-02-2013 20:20 (ссылка)