-Рубрики

 -Цитатник

Некоторые фильтры - (0)

Некоторые фильтры AAAfilter Bas relief CPK filter D...

Все полезности в одном посте! - (0)

Все полезности в одном посте! :-) Собственно пост удобной навигации по блогу:-) Все ссылки на сам...

Как написать пост в простом редакторе - (4)

Самые азы о создании постов. Я все в картинках сделала, так, мне кажется, - доступнее... Если чт...

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

Поиск сообщений в Помогай-ка

 -Интересы

полезные программы полезный софт пошаговые инструкции руководства на русском языке

 -Сообщества

Читатель сообществ (Всего в списке: 3) ParadizeArt AC_summer_school Мир_клипарта

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 07.07.2010
Записей: 922
Комментариев: 935
Написано: 2089


Как разместить картинку с всплывающим текстом

Четверг, 09 Февраля 2012 г. 08:47 + в цитатник

3872337_li_ry4 (225x225, 3Kb)Вставить картинку в пост умеют почти все.  Если кто-то хочет освежить в памяти, то читайте посты

Как создать сообщение с большим количеством картинок
Вставляем картинки в текст сообщения

 

А вот как сделать чтобы при наведении курсора появлялся текст-подсказка? Оказывается, тоже не очень сложно..

 

 


Значит так, настукаете на клавиатуре свой пост.  Затем внизу сообщения найдёте кнопку Прикрепить /Обзор.

3872337_1 (599x270, 55Kb)

 

Нажимаете на кнопку "Обзор", открывается окно. Если повезет, то это сразу будет «Мои рисунки», ну а если не повезет, придется вверху этого окна в поисковой строке сначала открыть «Мои документы», затем «Мои рисунки».

Итак, найден нужный рисунок, отмечен мышкой и надо жмакнуть на «Открыть». Окно с рисунками сразу исчезает..

Теперь ещё ниже  нужно найти кнопку Подготовка сообщения /«Предпросмотр».

3872337_liry2 (600x117, 27Kb)

 

Не знаю,как у вас, а мне приходится довольно долго ждать пока загрузится рисунок на этой черновой странице.
В конце концов, загрузился, полюбуемся ))


Теперь жмём на «Редактировать». Появляется ваш текст, и вместо рисунка ряд латинских букв и цифр. Вот такой, например:

<*img src="//img0.liveinternet.ru/images/attach/c/3/83/228/83228300_li_ru.jpg"  width="404" height="504"  alt="ли ру (404x504, 44Kb)"/>

Это код картинки.
В самом конце кода найдите значки "/> (кавычка, слеш и угловая скобка).

Между кавычкой и слешем впишите латинскими буквами
Title=”...”

И внутри кавычек текст, который должен всплывать при наведении на картинку мышки. Вот так, например:
Title=”Суровые ЛиРу блоггеры


Теперь код выглядит так:

<*img src="//img0.liveinternet.ru/images/attach/c/3/83/228/83228300_li_ru.jpg"  width="404" height="504"  alt="ли ру (404x504, 44Kb)"Title="Суровые ЛиРу блоггеры"/>


Вот и все, жмите на «Опубликовать», ждите когда загрузится картинка и потом наведите на нее мышку.

ли ру (404x504, 44Kb)

Если что-то не получилось, вернитесь к «Редактировать» и посмотрите, нет ли лишних просветов между знаками или кавычками или угловыми скобками.

 

И ещё про картинки:

Делаем кликабельную Картинку-ссылку

Делаем галерею картинок

 

Серия сообщений "Памятка":
Часть 1 - Без заголовка
Часть 2 - Картинки
Часть 3 - Как разместить картинку с всплывающим текстом
Часть 4 - Теги полезные

Рубрики:  Всё про ЛиРу и для ЛиРУ/Оформление
Что это?
Метки:  

Процитировано 5 раз
Понравилось: 1 пользователю

 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку