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

топ 100 блогов La_Perla20.04.2010 Счетчик посещений Counter.CO.KZ - бесплатный счетчик на любой вкус!
Рамочка с картинкой своими руками (продолжение урока).
Рамочка с картинкой своими руками (продолжение урока). Автор урока Рамочка с картинкой своими руками (продолжение урока).  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
Рамочка с картинкой своими руками (продолжение урока).
Рамочка с картинкой своими руками (продолжение урока).

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


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

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

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

Архив записей в блогах:
 Тут вчера Джону юбилей вышел. Весь интернет в сдержанной слезе, оно и понятно. А у меня всплыло, как мы сотоварищи двадцать лет назад этот день отметили. Это бишь в 90-м. Начали, как водится, с пива попить. Эксклюзив здесь был в месте. Оно называлось ...
Эта иллюзия, или зрительное ощущение, называется фосфен. Фосфены в виде оранжевых, желтых, коричневых или другого цвета пятен возникают в ходе механического воздействия на зрительную систему или других воздействий — электромагнитного или химического. Разумеется, если мы плотно ...
Слышали ли вы когда-нибудь, когда город разделили на две части, и каждую часть присоединили к разным странам? Наверняка, слышали. Берлин, Никосия, Иерусалим, наконец! А вот в курсе ли вы, что аналогичная картина существует на границе Венгрии и Словакии? А между тем, это так! Когда-то ...
Командующий ВДВ России генерал-лейтенант Владимир Шаманов попал в крупное ДТП, передает в субботу ИТАР-ТАСС. По данным РИА Новости, генерал получил ранения средней тяжести и госпитализирован. Ехавший с ним исполняющий обязанности командира ...
У меня есть такой род съемок, на которые приходят девушки, которых я порой вижу впервые..... Саша была из таких .... Я офигела и заболела... 2. 3. 18  лет. Рыбы. Не модель. Я очень люблю снимать Рыб...они чувственные, женственные, ...