КАК ВСТАВИТЬ В РАМОЧКУ СВОЮ КАРТИНКУ.

Вторник, 22 Апреля 2014 г. 16:35 + в цитатник

Цитата сообщения Галерея_Дефне

Прочитать целиком В свой цитатник или сообщество!

КАК ВСТАВИТЬ В РАМОЧКУ СВОЮ КАРТИНКУ.

К примеру возьмем эту рамочку:

Ваша картинка

Ваш текст

Вот ее код:
<div align="center"><table border="0" background="//img0.liveinternet.ru/images/attach/c/10/109/525/109525902_defne1.gif" cellpadding="5" cellspacing="2"><tr><td style="padding: 2px;"><table border="0" background="//img0.liveinternet.ru/images/attach/c/10/109/526/109526036_defne.jpg" cellpadding="5" cellspacing="2"><tr><td style="padding: 10px;"><table border="0" background="//img0.liveinternet.ru/images/attach/c/10/109/525/109525902_defne1.gif" cellpadding="5" cellspacing="2"><tr><td style="padding: 2px;"><table border="0" background="//img1.liveinternet.ru/images/attach/c/10/109/526/109526029_defne2.gif" cellpadding="3" cellspacing="0"><tr><td style="padding: 40px;"><table border="0" background="//img0.liveinternet.ru/images/attach/c/10/109/525/109525902_defne1.gif" cellpadding="5" cellspacing="2"><tr><td style="padding: 2px;"><table border="0" background="//img1.liveinternet.ru/images/attach/c/1//60/985/60985015_s0h3m4jcokmnk37a9i0db1smg12.jpg" cellpadding="5" cellspacing="2"><tr><td style="padding: 10px;"><table border="0" background="//img0.liveinternet.ru/images/attach/c/10/109/525/109525902_defne1.gif" cellpadding="5" cellspacing="2"><tr><td style="padding: 2px;"><table border="0" background="//img0.liveinternet.ru/images/attach/c/10/109/526/109526036_defne.jpg" cellpadding="0" cellspacing="0"><tr><td style="padding: 1px;"><div align="center"><center><font size="3" color="#e31f09" face="georgia">Ваша картинка</font><table border="0" background="//img0.liveinternet.ru/images/attach/c/10/109/525/109525902_defne1.gif" cellpadding="5" cellspacing="0" width="100%"><tr><td><table border="0" background="//img0.liveinternet.ru/images/attach/c/10/109/526/109526036_defne.jpg" cellpadding="1" cellspacing="3" width="100%"><tr><td><center><font size="4" color="#e31f09" face="georgia"> <br /> Ваш текст <br /> </font></center><div align="center"><center><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/2872037/profile"><font size="2"><font color="#776655"><img src="//img1.liveinternet.ru/images/attach/c/1//51/82/51082046_z4af877a281059.gif" width="120" height="20" alt=" (220x40, 4Kb)" /></font></font></a></center></div></td></tr></table></td></tr></table></center></div></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></div>

У вас в документах есть подходящая картинка,я выбрала для примера такую:

Для того чтобы вставить картинку в рамочку нам понадобится ее код.Как его получить?
Для начала закачиваем себе картинку в дневник,предварительно публикуя ее в черновик,ведь с ней предстоит немного поработать.Опубликовав картинку в черновик,жмем на редактировать!

Попадаем к себе в редактор и видим искомый код нашей картинки.Его смело можно вставлять в код рамочки вместо фразы ''Ваша картинка''.

Но мы к примеру хотим нашу картинку увеличить или уменьшить,что делать в таком случаи,для этого в коде картинки находим обозначения:ширина и высота,вот они:

Попробуем картинку уменьшить, для этого меняем ее начальные параметры: 500px × 600px на 300px × 400px вот таким образом:

Вот результат наших изменений в коде картинки,она стала на много меньше.

Чтобы картинку увеличить,естественно мы прибавляем цифры к параметрам,например так:

Вот наш результат:

В итоге вот какая рамочка у меня получилась!

Ваш текст

Описание было длинным,но я думаю после этого отпадут многие вопросы по тому как вставлять картинки в рамочки.С помощью этих методов вы можете вставлять в рамочки свои фотографии или линеечки разделители.Желаю всем творческих успехов,красивых и интересных постов!Пусть ваши дневнички радуют вас и ваших друзей красивыми и интересными постами!Всего вам самого доброго!Ваша Татьяна

Серия сообщений "Уроки на ЛИРУ":
Уроки на ЛИРУ
Часть 1 - Погодный информер как ваше окно - пейзаж отражает погоду!
Часть 2 - Делаем музыкальную открытку!Присоединяйтесь!
...
Часть 7 - Всё, что вы хотели знать о ЛиРу, но... (Самый полный FAQ по ЛиРу)
Часть 8 - Сайт шрифты онлайн
Часть 9 - КАК ВСТАВИТЬ В РАМОЧКУ СВОЮ КАРТИНКУ.
Часть 10 - Красивые баннеры 2!
Часть 11 - Словарь Photoshop
...
Часть 38 - Прозрачные флеш-плееры для вас (с кодами)
Часть 39 - СПИСОК ВСЕХ МОИХ УРОКОВ
Часть 40 - Что такое тэги? Зачем они нужны? А где их писать?