20 мануалов CSS3 по созданию всплывающих подсказок на сайте
9
Наташа Клевер
Уроки / HTML CSS
22-11-2011
Вплывающая подсказка (tooltip) на сайте это довольно симпатичный элемент оформления. Причем внешний вид такой всплывающей подсказки можно сделать очень даже привлекательным и нетривиальным. Во-первых, можно настроить форму всплывающего контейнера, его цвет и размер. Во-вторых, можно запросто управлять содержимым всплывающей подсказки, добавляя туда различные элементы и блоки по своему усмотрению. Ниже представлены подробные мануалы как это можно сделать с помощью технологии CSS3. Каждый урок имеет наглядное демо того, что в итоге получится.
5. Easy Tooltip – страница удалена автором
9. Jgrowl – страница удалена автором
11. Tooltip – страница удалена автором
16. Simple Cssjavascript Tooltip
19. Vtip – страница удалена автором
Написать комментарий с помощью формы ВКонтакте
Написать комментарий с помощью формы Facebook
Комментариев (9)
|
@Atlanta Travel: Ответить | |
|
@Atlanta Travel, @Наташа Клевер: не трактуют. Информация для tooltips’ов «вынимается», как правило, из различных атрибутов таких как title или alt. Так же этот текст нельзя считать скрытым. Применяйте без боязни … но только там, где это нужно (: Ответить | |
|
@Womtec: Ответить | |
|
Как-то искал тултипы, перерыл всё и ничего подходящего не нашёл. Для меня подходящее, чтобы и кода мало и руками ничего прописывать не надо, в этих всех надо класс задавать. В итоге у кого-то с сайта стянул) Теперь всплывающая подсказка автоматом выводится где есть title. Ответить | |
|
@Womtec, спасибо! -) Ответить | |
|
@SwaEgo: Ответить | |
|
Спасибо, я думаю многим пригодится. Поделюсь со всеми)) Ответить | |
|
@Роберт: Ответить | |
























Ответить
Вордпресс шаблон за 950 руб!
Спасибо, очень полезно!
И вопрос – не трактуют ли поисковые системы эти подсказки как скрытый текст (к которому, как бытует мнение, поисковики относятся плохо)?
Спасибо