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

Суббота, 02 Декабря 2017 г. 13:39 + в цитатник

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

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

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

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

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

Ваш текст

Вот ее код:
<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 - Как сделать бегущую строку и бегущее изображение в дневнике
Часть 3 - Есть вопросы? Тогда....
Часть 4 - Что делать, если нужна помощь по ЛиРу?

<a href="https://www.liveinternet.ru/users/ludac/post425951308/">РљРђРљ Р’РЎРўРђР’РРўР¬ Р’ Р РђРњРћР§РљРЈ РЎР’РћР® РљРђР РўРРќРљРЈ.</a><br/>РљРђРљ Р’РЎРўРђР’РРўР¬ Р’ Р РђРњРћР§РљРЈ РЎР’РћР® РљРђР РўРРќРљРЈ.

Рљ РїСЂРёРјРµСЂСѓ РІРѕР·СЊРјРµРј СЌС‚Сѓ СЂР°РјРѕС‡РєСѓ:
Р’Р°С€Р° РєР°СЂС‚РёРЅРєР° 
Р’Р°С€ С‚РµРєСЃС‚

Р’РѕС‚ РµРµ РєРѕРґ:
Р’Р°С€Р° РєР°СЂС‚РёРЅРєР° 
Р’Р°С€ С‚РµРєСЃС‚

РЈ РІР°СЃ РІ РґРѕРєСѓРјРµРЅС‚Р°С… РµСЃС‚СЊ РїРѕРґС…РѕРґСЏС‰Р°СЏ РєР°СЂС‚РёРЅРєР°,СЏ РІС‹Р±СЂР°Р»Р° РґР»СЏ РїСЂРёРјРµСЂР° С‚Р°РєСѓСЋ:

Р”Р»СЏ С‚РѕРіРѕ С‡С‚РѕР±С‹ РІСЃС‚Р°РІРёС‚СЊ РєР°СЂС‚РёРЅРєСѓ РІ СЂР°РјРѕС‡РєСѓ РЅР°Рј РїРѕРЅР°РґРѕР±РёС‚СЃСЏ РµРµ РєРѕРґ.РљР°Рє РµРіРѕ РїРѕР»СѓС‡РёС‚СЊ?  
Р”Р»СЏ РЅР°С‡Р°Р»Р° Р·Р°РєР°С‡РёРІР°РµРј СЃРµР±Рµ РєР°СЂС‚РёРЅРєСѓ РІ РґРЅРµРІРЅРёРє,РїСЂРµРґРІР°СЂРёС‚РµР»СЊРЅРѕ РїСѓР±Р»РёРєСѓСЏ РµРµ РІ С‡РµСЂРЅРѕРІРёРє,РІРµРґСЊ СЃ РЅРµР№ РїСЂРµРґСЃС‚РѕРёС‚ РЅРµРјРЅРѕРіРѕ РїРѕСЂР°Р±РѕС‚Р°С‚СЊ.РћРїСѓР±Р»РёРєРѕРІР°РІ РєР°СЂС‚РёРЅРєСѓ РІ С‡РµСЂРЅРѕРІРёРє,Р¶РјРµРј РЅР° СЂРµРґР°РєС‚РёСЂРѕРІР°С‚СЊ!

РџРѕРїР°РґР°РµРј Рє СЃРµР±Рµ РІ СЂРµРґР°РєС‚РѕСЂ Рё РІРёРґРёРј РёСЃРєРѕРјС‹Р№ РєРѕРґ РЅР°С€РµР№ РєР°СЂС‚РёРЅРєРё.Р•РіРѕ СЃРјРµР»Рѕ РјРѕР¶РЅРѕ РІСЃС‚Р°РІР»СЏС‚СЊ РІ РєРѕРґ СЂР°РјРѕ... <a href="https://www.liveinternet.ru/users/ludac/post425951308/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Комментировать

« Пред. запись — К дневнику — След. запись »

Страницы: [1] [Новые]

LiveInternetLiveInternet

-Рубрики

-Цитатник

-Метки

-Ссылки

-Музыка

-Поиск по дневнику

-Подписка по e-mail

-Интересы

-Друзья

-Постоянные читатели

-Сообщества

-Статистика

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