Поддержка Вид

LiveInternetLiveInternet

сменить

Авось из (+ сутки) дневников

Как расположить в посте картинки с текстом?

Четверг, 17 Января 2013 г. 09:10 + в цитатник

Цитата сообщения SvetlanaT

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

Как расположить в посте картинки с текстом?

Дорогие мои ПЧёлки обещала вам показать и объяснить
как можно расположить красиво КАРТИНКУ с ТЕКСТОМ.
Чтобы картинка стояла в центре, а текст по краям.
Например вот так это будет выглядеть...

ВАШ ТЕКСТ

ВАШ ТЕКСТ

Что нужно сделать, если хотите чтобы у вас
также получилось?

Копируем код из окошка и вставляем к себе в пост
в ПРОСТОМ РЕДАКТОРЕ.
КОД КАРТИНКА В ЦЕНТРЕ.

<table border="0" width="300"><tr align="center"><td width="60"><font color="FF0000">ВАШ ТЕКСТ</font></td><td width="60"><img src="ССЫЛКА НА ОРИГИНАЛ КАРТИНКИ" /></td><td width="60"><font color="FF0000">ВАШ ТЕКСТ</font></td></tr></table>

В коде где написано ССЫЛКА НА ОРИГИНАЛ КАРТИНКИ.
Нужно вставить ссылочку на картинку. Где её можно взять?
Можно картинки взять у меня на Я.ру ЗДЕСЬ или ЗДЕСЬ
Заходим и выбираем картинку. НАШЛИ—НАЖАЛИ на неё.
Размер картинки нужно брать поменьше, лучше 300 х 300 .
Вы же ещё с двух сторон текст будете писать.
Под картинкой есть надпись В ДРУГОМ РАЗМЕРЕ.
Нажали на надпись и выбрали нужный размер.
Затем находим надпись— Код для вставки на сайт или в блог.
Вам нужно скопировать код
где написано— Ссылка на фотографию.
Вставляем эту ссылку в КОД КАРТИНКА В ЦЕНТРЕ,
где написано ССЫЛКА НА ОРИГИНАЛ КАРТИНКИ.
Внутрь кавычек. Кавычки не трогаем. И делаем ПРЕДПРОСМОТР.
Картинка загрузилась нормально ... Дальше...
В коде где написано ВАШ ТЕКСТ-пишете свой текст.
Если хотите можно загрузить картинку с компа через Лиру.
Тогда в редакторе находим слово ОБЗОР...
И дальше как это сделать можно помотреть ЗДЕСЬ

Также можно картинки поставить по краям текста.
Например вот так...

ВАШ ТЕКСТ

Копируем КОД КАРТИНКИ ПО КРАЯМ ТЕКСТА.
КОД КАРТИНКИ ПО КРАЯМ ТЕКСТА.

<table border="0" width="300"><tr align="center"><td width="60">ССЫЛКА НА КАРТИНКУ</td><td width="60"><font color="FF0000">ВАШ ТЕКСТ</font></td><td width="60"><img src="ССЫЛКА НА ОРИГИНАЛ КАРТИНКИ" /></td></tr></table>

И вставляем к себе в пост в ПРОСТОМ РЕДАКТОРЕ.
Всё остальное делаем также как я написала выше.
Только картинки лучше брать узкие и длинные,
тогда ваш пост не разнесётся и текст ляжет хорошо.
Удачи в оформлении.

Серия сообщений "Оформление дневника":
Часть 1 - Список уроков.Как ОФОРМИТЬ ДНЕВНИК.
Часть 2 - Учебник ЛИ.ру. Как правильно писать пост.
...
Часть 16 - КРАСИВЫЕ КОММЕНТЫ.
Часть 17 - Скоро Новый год!Анимационные открытки к празднику.
Часть 18 - Как расположить в посте картинки с текстом?
Часть 19 - Картинки - Валентинки
Часть 20 - Почему на почту приходит много лишнего?
Часть 21 - Открыточки - поздравления к 8 Марта.

Метки: оформление дневника

<a href="https://www.liveinternet.ru/users/button1/post256992654/">РљР°Рє СЂР°СЃРїРѕР»РѕР¶РёС‚СЊ РІ РїРѕСЃС‚Рµ РєР°СЂС‚РёРЅРєРё СЃ С‚РµРєСЃС‚РѕРј?</a><br/>РљР°Рє СЂР°СЃРїРѕР»РѕР¶РёС‚СЊ РІ РїРѕСЃС‚Рµ РєР°СЂС‚РёРЅРєРё СЃ С‚РµРєСЃС‚РѕРј?

Р”РѕСЂРѕРіРёРµ РјРѕРё РџР§С‘Р»РєРё РѕР±РµС‰Р°Р»Р° РІР°Рј РїРѕРєР°Р·Р°С‚СЊ Рё  РѕР±СЉСЏСЃРЅРёС‚СЊ
 РєР°Рє РјРѕР¶РЅРѕ СЂР°СЃРїРѕР»РѕР¶РёС‚СЊ РєСЂР°СЃРёРІРѕ РљРђР РўРРќРљРЈ СЃ РўР•РљРЎРўРћРњ.
 Р§С‚РѕР±С‹ РєР°СЂС‚РёРЅРєР°  СЃС‚РѕСЏР»Р° РІ С†РµРЅС‚СЂРµ, Р° С‚РµРєСЃС‚ РїРѕ РєСЂР°СЏРј.
РќР°РїСЂРёРјРµСЂ РІРѕС‚ С‚Р°Рє СЌС‚Рѕ Р±СѓРґРµС‚ РІС‹РіР»СЏРґРµС‚СЊ...
Р’РђРЁ РўР•РљРЎРў Р’РђРЁ РўР•РљРЎРў
Р§С‚Рѕ РЅСѓР¶РЅРѕ СЃРґРµР»Р°С‚СЊ, РµСЃР»Рё С…РѕС‚РёС‚Рµ С‡С‚РѕР±С‹ Сѓ РІР°СЃ
 С‚Р°РєР¶Рµ РїРѕР»СѓС‡РёР»РѕСЃСЊ?

РљРѕРїРёСЂСѓРµРј РєРѕРґ РёР· РѕРєРѕС€РєР° Рё РІСЃС‚Р°РІР»СЏРµРј Рє СЃРµР±Рµ РІ РїРѕСЃС‚ 
РІ РџР РћРЎРўРћРњ Р Р•Р”РђРљРўРћР Р•.
РљРћР” РљРђР РўРРќРљРђ Р’ Р¦Р•РќРўР Р•.  Р’РђРЁ РўР•РљРЎРўР’РђРЁ РўР•РљРЎРў
Р’ РєРѕРґРµ РіРґРµ РЅР°РїРёСЃР°РЅРѕ РЎРЎР«Р›РљРђ РќРђ РћР РР“РРќРђР› РљРђР РўРРќРљР. 
РќСѓР¶РЅРѕ РІСЃС‚Р°РІРёС‚СЊ СЃСЃС‹Р»РѕС‡РєСѓ РЅР° РєР°СЂС‚РёРЅРєСѓ. Р“РґРµ РµС‘ РјРѕР¶РЅРѕ РІР·СЏС‚СЊ?
РњРѕР¶РЅРѕ РєР°СЂС‚РёРЅРєРё РІР·СЏС‚СЊ Сѓ РјРµРЅСЏ РЅР° РЇ.СЂСѓ ... <a href="https://www.liveinternet.ru/users/button1/post256992654/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

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

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

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

LiveInternet

О проекте