-Рубрики

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

Поиск сообщений в So-ni

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

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 24.12.2010
Записей: 275
Комментариев: 113
Написано: 582


Подсказка title

Воскресенье, 22 Мая 2011 г. 18:42 + в цитатник
Цитата сообщения Legionary Вообще очень полезная вещь при оформлении. Когда-то, мимолетом мы уже об этом говорили, тут, например.

О чем это я собственно:) На примере:

Наведите на этот текст курсор мышки и подождите пару секунд.

Если навели правильно (смеюсь),- увидите примерно следующее:


1 (467x72, 17Kb)

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

Теперь к делу. Чтобы создать такую подсказку, нам надо прописать к какому-либо тегу атрибут title
Например к тегу жирности текста <b>:
Было:
<b>Привет!</b>
Стало:
<b title="Тут пишем текст подсказки. Как видите - в кавычках">Привет!</b>

Думаю, пример понятен:)

Подсказку можно прописать не только к тексту, но и к картинке, таблице, диву и пр. Практически к любому html тегу:)
Пример:
<img src="//img1.liveinternet.ru/images/attach/c/2/74/542/74542843_1.jpg" title="Тег img. Т.е. тег вставки картинки.">




В качестве совета:
Подсказка это хорошо только в том случае, если понятно, что она вообще есть. Поэтому их обычно пишут к ссылкам и картинкам, т.к. пользователь наводит на них мышку в большинстве случаев.
Если же вы хотите, например, прописать подсказки к тексту, следует обратить внимание пользователя на их наличие. Предупредить как-нить:)

Серия сообщений "полезности для дневника":
Часть 1 - Разбиваем длинный текст(скрыть под кат)
Часть 2 - Как вставить видео в дневник с других сайтов
...
Часть 9 - Поиск по дневнику
Часть 10 - А вы прописываете альты (alt)?
Часть 11 - Подсказка title
Часть 12 - Делаем кнопки ( Photoshop)
Часть 13 - Полезная ссылка для Web мастеров
Часть 14 - Новостная бегущая строка для дневника, сайта
Часть 15 - Теги работающие на ЛиРу


 

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

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

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

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