Рамочка с картинкой своими руками (продолжение урока).

Автор урока La_Perla

Рамочка с картинкой практически своими руками
Продолжение урока

Пост из блога La_Perla
*******

Теперь несколько усложним задачу.
Опять воспользуемся универсальным кодом, но попробуем помимо фонов вставить по своему вкусу еще два разделителя и картинку.

<div align="center"><table align="center" cellpadding="0" cellspacing="0"><tr><td><font style="display:block;border:4px groove #f1f1f1;background-image:url(http://img-fotki.yandex.ru/get/4105/belyakova-m.24/0_23e7f_f09c102d_L.jpg);padding:3px"><font style="display:block;border:4px groove #f1f1f1;background-image:url(http://strecoza.net/textures/textures_gold/TBabSites12.jpg);padding:7px"><font style="display:block;border:4px groove #f1f1f1;background-image:url(АДРЕС РАЗНОЦВЕТНОГО ФОНА);padding:48px"><a href="http://blogs.mail.ru/mail/box1958" target="_blank"><img src="http://s52.radikal.ru/i137/0812/05/96f4cc283579.gif" width="10" height="10" alt=" La_Perla" border="0" align="left"></a><br><font style="display:block;border:2px groove #f1f1f1;background-image:url(http://strecoza.net/textures/textures_gold/TBabSites12.jpg);padding:7px"><font style="display:block;border:4px groove #f1f1f1;background-image:url(http://img-fotki.yandex.ru/get/4105/belyakova-m.24/0_23e7f_f09c102d_L.jpg);padding:3px"><font style="display:block;border:4px groove #ffffff;background-color:#КОД ЦВЕТА ВНУТРЕННЕЙ РАМОЧКИ;padding:0px"><table align="center" cellspacing="0" cellpadding="0"><tr><td width="600" align="center"><img src="АДРЕС КАРТИНКИ" width="600" border="0"> <font face="Monotype Corsiva" color="#ffffff" style="font-size:30px"> <br /> <img src="АДРЕС РАЗДЕЛИТЕЛЯ" border="0">

Тут будет Ваш текст
***********************
***************
*******
***
<br /></font>
<font style="display:block;text-align:center"><img src="АДРЕС РАЗДЕЛИТЕЛЯ" border="0"> <br /> <a target="blank_" href="http://blogs.mail.ru/mail/box1958/367E37237119326A.html"><img border="0" src="http://4maf.ru/style/code2.png" title="Получить код этой рамочки" align="right" border="0"></a><br></td></tr></table></font></font></font><center> <a href="http://blogs.mail.ru/mail/box1958/"> <img src="http://content.foto.mail.ru/mail/box1958/_animated/i-931.gif" width="185" height="30" alt=" Рамочки от La_Perla" border="0"></a></font></font></font></td></tr></table></center></div>

Приемы те же, что и в прошлом уроке.

1.Подберем фон разноцветного слоя рамки.
Я взяла такой

Адрес его
http://s001.radikal.ru/i193/1004/4b/07f0d0a3c396.gif
аккуратно вставляем вместо слов
АДРЕС РАЗНОЦВЕТНОГО ФОНА от скобочки до скобочки, не оставляя пробелов.
Тот же самый адрес фона вставляем на сайт по подбору цвета colorhunter.com, о котором я писала ЗДЕСЬ в окошечко,
нажимаем кнопку SEARCH COLOR PALETTES и программа подберет набор гармоничных цветов.
Я выбрала из них цвет темно зеленый с кодом 274545
Вот эти 6 цифр я и вставляю в шаблон вместо слов КОД ЦВЕТА ВНУТРЕННЕЙ РАМОЧКИ
аккуратно от символа # до точки с запятой ; без пробелов.

Теперь осталось подобрать подходящий разделитель, скопировать его адрес и вставить вместо слов
АДРЕС РАЗДЕЛИТЕЛЯ четко от кавычек до кавычек, не оставляя пробелов.

Где его можно найти?
Например, у меня в блоге здесь.
Еще много разделителей можно найти на этом сайте.

Я выбрала такой

Адрес у разделителя такой
http://s001.radikal.ru/i195/1004/08/02cb67079429.gif

Четко вставим его в два места взамен слов АДРЕС РАЗДЕЛИТЕЛЯ от кавычек до кавычек, не оставляя пробелов.
Это очень важно!!! Оставите пробел - и картинка не отобразится...

Ну и самое главное - картинка.
Конечно, именно с нее надо было начинать.
Но это придет позже, а пока, в нашем уроке мы ею завершим.
Я нашла в своих закромах подходящую картинку девушки,
определила Адрес этой картинки в интернете так же, как мы определяли адрес фона и адрес разделителя.
Он у меня получился таким
http://img-fotki.yandex.ru/get/4012/belyakova-m.3d/0_270d8_2f381617_XL.gif
Теперь я его вставляю вместо слов АДРЕС КАРТИНКИ от кавычек до кавычек, не оставляя пробелов.

Итак, мы заменили в типовом коде моей рамочки всего 5 цифр:
Вставили адреса картинки, двух разделителей, фона, и шестизначный код цвета внутренней рамочки.
Вы можете у себя в блоге проделать все это вслед за мною.
И, если не допустите ошибок, то получите вот такую красоту:

Тут будет Ваш текст
***********************
***************
*******
***

Рамочка с картинкой своими руками (продолжение урока).

Удачи и всех благ!
.
С уважением La_Perla (Маргарита)
Еще материалы по оформлению блога
можно найти ЗДЕСЬ

Оригинал поста здесь

Предыдущие записи блогера :

20.04.2010 — Как сделать новую рамочку для текста, заменив в коде две цифры.

18.04.2010 — Цветовая палитра Color Wizard

11.04.2010 — ВСЕ,ЧТО ДОЛЖЕН ЗНАТЬ КАЖДЫЙ БЛОГГЕР О КОДЕ ИЗОБРАЖЕНИЯ.

04.01.2010 — Встреча 2010 года во всем мире (38 замечательных фото)

Архив записей в блогах:

Дурацкое. Один день

Доброе утро! Я тут слегка приболела, поэтому сейчас пойду домой, буду ныть, валяться в кровати, смотреть дурацкие фильмы и спать. А вчера мы были и на море, и в горах. На море - поток людей, а в горах - никого, одни коровы. Последние скучные выходные ...

Почему натуральное может быть вредным: праймер Balance Me Hyaluronic Plumping

. Как же я раньше любила эту марку! Когда ее только запустили - продукты были прекрасны (старожилы: помните это?), а сейчас в ней осталось буквально пара продуктов, которые для меня до сих пор ценны (но в марке недавно СНОВА сделали ребрендинг, и я уже не уверена, что мои любимцы ...

Бавария 2011: страна цветов и золотых лошадей.

Я очень люблю Германию. С удовольствием поеду туда снова и снова на съемки... Бавария - самая большая из шестнадцати земель Германии, расположена в самом центре Европы. Бескрайние разноцветные поля, чистота и порядок, множество цветов, ...

Бгг

Мило :) Правда, конкретно от этого Мориарти, из этого сериала, я сильно не в восторге. Точнее, равнодушна и вообще не понимаю, откуда у него столько фанато к в... Но да ладно. Кто вы из литературных злодеев? ...

Воскресная пирожковая

Где-то далеко на западе и почти столь же далеко на востоке идут дожди. А наши края по-прежнему изнывают от засухи и полуденного зноя посреди этого дождевого кольца. Ну разве что ...

Рамочка с картинкой своими руками (продолжение урока).

Рамочка с картинкой своими руками (продолжение урока).

Оставить комментарий

Популярные посты: