Вернуться в каталог >>>
KPB logo
  Динамичные подсказка на CSS3 (несколько примеров)
Еще несколько вариантов вывода подсказки на CSS3.
Суть их таже самая - подсказка выводится к контейнеру с заданным идентификатором.
Идентификатором является атрибут class.
Содержимым контейнера может быть , впринципе, всё что Вам нужно(в примерах это картинки).
Подсказка задаётся в заданном атрибуте контейнера.
Пример 1 | Пример 2 | Пример 3
Мой проект состоит из 4-х сайтов посвященных разным web аспектам.
1. WebKPB - Flash библиотека
2. KPBshablon - магазин дизайнов.
3. ScriptKPB - здесь Вы сейчас
4. KPBwebStudio - моя WEBстудия
Скопируйте и вставте
Внутри тега <HEAD> - </HEAD>
Все стили и параметры контейнера, его содержимого и поодсказки задаются в CSS таблице, файл podskazka_ccs3.css. Если Вы хотите что-то поменять Вам нужно, воспользовавшись функцией [Скачать с сервера], скачать данный файл и внести необходимые изменения.
Внутри тега <BODY> - </BODY> там где у Вас будут картинки.
Подсказка выводится к контейнеру с идентификатором class="blok6". Содержимым контейнера может быть что угодно. В примерах 1 и 2 это картинка. В примере 3 это информационный блок. В атребуте data-bot контейнера содержится надпись выводимая внизу контейнера, если она нужна, а в атрибуте data-title содержимое подсказки.
И Вы будите использовать скрипт прямо из моей библиотеки не загружая его к себе на страницу.
Вы экономите место и время.

Если Вы хотите иметь скрипт, чтобы изменять и другие его параметры, воспользуйтесь функцией [Скачать с сервера].
Если Вы не видите этой функции в []- следовательно Вы не зарегистрированы на сайте.Вам надо зарегистрироваться и войти как Пользователь.