Как сделать ВСПЛЫВАЮЩИЙ ТЕКСТ для Картинок.

Среда, 27 Февраля 2013 г. 01:24 + в цитатник

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

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

У меня дома живёт такой же Маленький, забавный крысёнок Мик. Мы его все очень любим.

Довольно часто возникает необходимость по ходу текста
на картинке, сделать какие-то дополнительные комментарии,
в виде небольших подсказок или пояснений.
В этом уроке меня просили написать, как на картинку
можно наложить текст, но не подписывая её.
Тоесть сделать небольшой пояснительный текст к картинке.
Если подвести курсор к картинке, то этот текст появляется.
Делается это так...
Копируете код из окошка и вставляете к себе в дневник
в ПРОСТОМ РЕДАКТОРЕ.
КОД ДЛЯ ВСПЛЫВАЮЩЕГО ТЕКСТА.

<img src="УРЛ ссылка на оригинал картинки" width="285" height="257" title="ВАШ ВСПЛЫВАЮЩИЙ ТЕКСТ ПИШЕМ СЮДА " border="0" />

В коде, где написано
УРЛ ССЫЛКА ВЕДУЩАЯ НА ОРИГИНАЛ КАРТИНКИ.
Вставляем код-ссылку картинки.
Где её взять можно посмотреть ЗДЕСЬ.
Ссылку на картинку вы вставили идём дальше...
В коде картинки нужно поменять размеры
моей картинки на ваши.
width="285" — это ШИРИНА КАРТИНКИ - меняем цифры.
height="257" — это ВЫСОТА КАРТИНКИ - меняем цифры.
И самое основное не забудьте написать текст.
В коде, где написано...
ВАШ ВСПЛЫВАЮЩИЙ ТЕКСТ ПИШЕМ СЮДА.
Напишите свой текст внутрь кавычек. Кавычки не трогаем.
ВАЖНО: Только пишите без переноса ТЕКСТА.
Всё сделали жмите ПРЕДПРОСМОТР и смотрите,
что у вас получилось. Успехов вам в оформлении.
SvetlanaT

Серия сообщений "строение сайта,коды,теги,":
Часть 1 - Для ведения блога. Полный справочник по ЛиРу
Часть 2 - Урок по созданию красивой рамочки от MissKcu
...
Часть 19 - Нужные формулы для дневника
Часть 20 - Приложение "Всегда под рукой"
Часть 21 - Как сделать ВСПЛЫВАЮЩИЙ ТЕКСТ для Картинок.
Часть 22 - Как вставить ПРОКРУТКУ в пост
Часть 23 - Разные стили Прокрутки для поста
...
Часть 28 - Запись с "прокруткой" на примере
Часть 29 - Как подключить дневник на Лиру к сервисам веб-мастеров Яндекс и Google без покупки отдельного домена?
Часть 30 - Отдельный домен для дневника на Лайвинтернет

Метки: картинка текст всплывающий
Понравилось: 1 пользователю

<a href="https://www.liveinternet.ru/users/cindara/post263111408/">РљР°Рє СЃРґРµР»Р°С‚СЊ Р’РЎРџР›Р«Р’РђР®Р©РР™ РўР•РљРЎРў РґР»СЏ РљР°СЂС‚РёРЅРѕРє.</a><br/>
Р”РѕРІРѕР»СЊРЅРѕ С‡Р°СЃС‚Рѕ РІРѕР·РЅРёРєР°РµС‚ РЅРµРѕР±С…РѕРґРёРјРѕСЃС‚СЊ РїРѕ С…РѕРґСѓ С‚РµРєСЃС‚Р°
 РЅР° РєР°СЂС‚РёРЅРєРµ, СЃРґРµР»Р°С‚СЊ РєР°РєРёРµ-С‚Рѕ РґРѕРїРѕР»РЅРёС‚РµР»СЊРЅС‹Рµ РєРѕРјРјРµРЅС‚Р°СЂРёРё, 
РІ РІРёРґРµ РЅРµР±РѕР»СЊС€РёС… РїРѕРґСЃРєР°Р·РѕРє РёР»Рё РїРѕСЏСЃРЅРµРЅРёР№.
Р’ СЌС‚РѕРј СѓСЂРѕРєРµ РјРµРЅСЏ РїСЂРѕСЃРёР»Рё РЅР°РїРёСЃР°С‚СЊ, РєР°Рє РЅР° РєР°СЂС‚РёРЅРєСѓ 
РјРѕР¶РЅРѕ РЅР°Р»РѕР¶РёС‚СЊ С‚РµРєСЃС‚, РЅРѕ РЅРµ РїРѕРґРїРёСЃС‹РІР°СЏ РµС‘.
РўРѕРµСЃС‚СЊ СЃРґРµР»Р°С‚СЊ РЅРµР±РѕР»СЊС€РѕР№ РїРѕСЏСЃРЅРёС‚РµР»СЊРЅС‹Р№ С‚РµРєСЃС‚ Рє РєР°СЂС‚РёРЅРєРµ.
Р•СЃР»Рё РїРѕРґРІРµСЃС‚Рё РєСѓСЂСЃРѕСЂ Рє РєР°СЂС‚РёРЅРєРµ, С‚Рѕ СЌС‚РѕС‚ С‚РµРєСЃС‚ РїРѕСЏРІР»СЏРµС‚СЃСЏ.
Р”РµР»Р°РµС‚СЃСЏ СЌС‚Рѕ С‚Р°Рє...
РљРѕРїРёСЂСѓРµС‚Рµ РєРѕРґ РёР· РѕРєРѕС€РєР° Рё РІСЃС‚Р°РІР»СЏРµС‚Рµ Рє СЃРµР±Рµ РІ РґРЅРµРІРЅРёРє 
РІ РџР РћРЎРўРћРњ Р Р•Р”РђРљРўРћР Р•.  
РљРћР” Р”Р›РЇ Р’РЎРџР›Р«Р’РђР®Р©Р•Р“Рћ РўР•РљРЎРўРђ. &lt;img src="РЈР Р› СЃСЃС‹Р»РєР° РЅР° РѕСЂРёРіРёРЅР°Р» РєР°СЂС‚РёРЅРєРё" width="285" height="257" title="Р’РђРЁ Р’РЎРџР›Р«Р’РђР®Р©РР™... <a href="https://www.liveinternet.ru/users/cindara/post263111408/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>