Як зробити спливаючі підказки на сайті або блозі

Всім привіт друзі! У цій статті я розповім вам про те, як зробити спливаючі підказки на своєму сайті або блозі. Не знаєте що це таке? Підказки - це підказки у вигляді тексту, які з'являються при наведенні курсором миші на якусь область (текст або картинку).

Можете у себе на сайті зробити щось схоже якщо хочете і взагалі це потрібно вам! Буває пишеш на блог який-небудь пост, а в ньому слово незрозуміле присутній. Щоб не пояснювати Новомосковсктелям що воно означає можна його зробити у вигляді посилання і просто підсвітити підказкою.

Так само спливаючі підказки добре використовувати наприклад в формах зворотного зв'язку, формах замовлення товарів і послуг і т.д. Коротше що я вам пояснюю, ви і так все це розумієте, давайте до справи. Отже! Підказки такі ви зможете зробити у себе на сайті 2-ма способами.

1. Для простого сайту використовуючи спеціальний Java-скрипт.

2. Для WordPress блогу - спеціальний плагін - skinnytip-tooltip-generator

Давайте спочатку за першим способом. Що вам потрібно зробити?

а) скопіювати ось цей код:

і вставити його між тегами вашого сайту.

б) в потрібному місці на сайті де ви хочете вставити підказку вставити ось цей код в режимі html:

Текст: «Тут напишіть текст, який буде спливати при наведенні курсору на об'єкт» змініть на той, який вам потрібен, а замість знака питання (?) Можна або написати якесь слово або словосполучення. При наведенні на них і буде спливати підказка (текст).

Можете до речі картинку вставити замість знака питання і тексту. Якщо хто не знає як вставляється картинка, то ось так:

. Головне дивіться щоб розмір був нормальний.

Так, думаю зрозуміло. Йдемо далі. Другий спосіб працює саме для wordpress блогу, так як використовується спеціальний плагін. приступимо:

а) Качаємо плагін skinnytip-tooltip-generator. закидаємо його в папку wp-content / plugins і активуємо.

З повагою, Олександр Борисов