DirectoryWeb
    • Каталог
      • Скрипты
      • Боты
      • Программы
      • Android, iOS приложения
    • Арбитраж трафика
      • Тизерные сети
      • SMS рассылки
      • Telegram Ads
      • Анализ трафика
      • Видео трафик
      • Автоматизация
      • CPA-сети
      • Push-реклама
      • Popunder реклама
      • Нативная реклама
      • Ретаргетинг
      • Кейсы
      • Трекеры
      • Партнёрские программы
        • Товарные партнерки
        • Финансовые партнерки
        • Партнерки интернет-магазинов
        • Зарубежные партнерки
      • Реклама в Telegram
      • Сервисы
        • Прокси
        • Виртуальные карты
      • Инструменты
        • Мультиаккаунтинг
      • Обзоры
      • Мануалы
      • Антидетект-браузеры
    • Статьи
      • Маркетплейсы
      • Безопасность в сети
      • Заработок в интернете
      • Сайтостроение
      • Оптимизация сайтов
      • Обучение
      • Криптовалюты
      • Новости
      • Разное
      • Новости сайта
  • Контакты
  • Telegram
  • Вход / Регистрация

купить скрипт казино

Psb.Hosing - Хостинговое решение для быстрой и стабильной работы ваших проектов.
Купить резедентные прокси
Vibix - надеждый видео-балансир
    Заработок в интернете без вложений » Статьи » Сайтостроение » Как сделать всплывающие подсказки на CSS

Отзывы

Vibix Обновление плеера: стало ещё удобнее Представляем долгожданные улучшения в работе плеера: 1....

Как сделать всплывающие подсказки на CSS

Статьи / Сайтостроение

Как сделать всплывающие подсказки на CSS

В этой статье я расскажу вам о том, как сделать красивые и слегка анимированные всплывающие подсказки на своем сайте или блоге. Для того что бы подсказки работали в любом браузере и не зависимо от его настроек я решил делать их с помощью CSS.


1) Добавим следующий код в начало html файла или же вынести в таблицу каскадных стилей:

a.tt{position:relative;z-index:24;color:#3CA3FF;font-weight:bold;text-decoration:none;}a.tt span{ display: none; } /*background:; ie hack, something must be changed in a for ie to execute it*/    a.tt:hover{ z-index:25; color: #aaaaff; background:;}    a.tt:hover span.tooltip{    display:block;  position:absolute;    top:0px; left:0;    padding: 15px 0 0 0;    width:200px;    color: #993300;    text-align: center;    filter: alpha(opacity:90);    KHTMLOpacity: 0.90;    MozOpacity: 0.90;    opacity: 0.90;    }    a.tt:hover span.top{    display: block;    padding: 30px 8px 0;    background: url(bubble.gif) no-repeat top;    }    a.tt:hover span.middle{ /* different middle bg for stretch */    display: block;    padding: 0 8px;     background: url(bubble_filler.gif) repeat bottom;     }    a.tt:hover span.bottom{    display: block;    padding:3px 8px 10px;    color: #548912;    background: url(bubble.gif) no-repeat bottom;    }  


2) Код, который показывает как вставлять подсказки в страницу.

<a href="#" class="tt">    Тут текст термина (который нуждается в подсказке)    <span class="tooltip">    <span class="top">    </span>    <span class="middle">    Тут текст всплывающей подсказки    </span>    <span class="bottom">    </span>    </span>    </a>


Вот и все! Подсказки готовы исходники можно скачать ниже!

Как сделать всплывающие подсказки на CSS

2-07-2012, 09:38 Неизвестно
.
example.zip " class="btn btn-primary w-100 f90 fw7" target="_blank" rel="nofollow noopener external" itemprop="downloadUrl">
Скачать

Telegram

МАРКЕТПЛЕЙС ЦИФРОВЫХ ТОВАРОВ

Перейти в чат вебмастеров
  • DirectoryWeb
  • 02.07.2012
  • 1 6 351
  • 0
    • 80
    • 1
    • 2
    • 3
    • 4
    • 5
Скрипт финансовой матрицы с переливами Cash-Like
Скрипт финансовой матрицы с переливами Cash-Like
24-10-2022, 18:35, HYIP, MLM, МММ
Лучший Телеграм комбайн. Софт для парсинга и рассылки
Лучший Телеграм комбайн. Софт для парсинга и рассылки
25-07-2024, 20:12, Программы
Скрипт инвестиционного проекта PHARM
Скрипт инвестиционного проекта PHARM
30-08-2018, 18:26, HYIP, MLM, МММ
Скрипт интернет магазина Moguta CMS 5.0.1 Free
Скрипт интернет магазина Moguta CMS 5.0.1 Free
11-04-2015, 14:27, Скрипты
Скрипт магазина цифровых товаров SeoMaxVip
Скрипт магазина цифровых товаров SeoMaxVip
20-11-2020, 21:25, Скрипты
SocLike
SocLike
25-04-2025, 19:04, Арбитраж трафика / Push-реклама

Твой комментарий..

  • Скрипты
    • Telegram
    • Финансы
    • CS:GO
    • Бонусники
    • Браузерные игры
    • Интернет магазины
    • Автопостинг
    • Доски объявлений
    • Обменники
    • Казино
    • Каталоги
    • Конструкторы сайтов
    • Облачные майнинги
    • Платёжные системы
    • Рекламные сервисы
    • Социальные сети
      • TikTok Ads
    • Экономические игры
    • Чаты
    • Хостинги
    • HYIP, MLM, МММ
    • Фриланс биржи
    • E-mail рассылки
    • Разное
  • Арбитраж трафика
    • Тизерные сети
    • SMS рассылки
    • Telegram Ads
    • Анализ трафика
    • Видео трафик
    • Автоматизация
    • CPA-сети
    • Push-реклама
    • Popunder реклама
    • Нативная реклама
    • Ретаргетинг
    • Кейсы
    • Трекеры
    • Партнёрские программы
      • Товарные партнерки
      • Финансовые партнерки
      • Партнерки интернет-магазинов
      • Зарубежные партнерки
    • Реклама в Telegram
    • Сервисы
      • Прокси
      • Виртуальные карты
    • Инструменты
      • Мультиаккаунтинг
    • Обзоры
    • Мануалы
    • Антидетект-браузеры
  • HTML шаблоны
  • Боты
  • Программы
    • Парсинг
  • Android, iOS приложения
  • Статьи
    • Маркетплейсы
    • Безопасность в сети
    • Заработок в интернете
    • Сайтостроение
    • Оптимизация сайтов
    • Обучение
    • Криптовалюты
    • Новости
    • Разное
    • Новости сайта
Userator
Подробнее
Userator
Travelpayouts
Подробнее
Travelpayouts
Обзор партнерской программы 7K Partners: ваш путь к стабильному доходу в гемблинге
Подробнее
Обзор партнерской программы 7K Partners: ваш путь к стабильному доходу в гемблинге
PSB Proxy – платформа для приобретения резидентных прокси
Подробнее
PSB Proxy – платформа для приобретения резидентных прокси
Настройка Keitaro за 5 минут. Трекер для арбитража трафика
Подробнее
Настройка Keitaro за 5 минут. Трекер для арбитража трафика
Как быстро увеличить размер изображения
Подробнее
Как быстро увеличить размер изображения
Скрипт интернет магазина ImageCMS Shop 4.12.1 Premium ()
Подробнее
Скрипт интернет магазина ImageCMS Shop 4.12.1 Premium ()
Скрипт пирамиды MLM PRO 2.5 GREEN
Подробнее
Скрипт пирамиды MLM PRO 2.5 GREEN
Скрипт инвестиционного хайп проекта Anforus
Подробнее
Скрипт инвестиционного хайп проекта Anforus
Скрипт инвестиционного спорт проекта Beastnvest
Подробнее
Скрипт инвестиционного спорт проекта Beastnvest
Loading...

Внимание! Данный материал предоставлен сайтом DirectoryWeb.ru исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое

  • Топ просмотров
  • Высший рейтинг
  • Самый топ
Топ платежных систем для арбитража трафика

Топ платежных систем для арбитража трафика

  • ddspprtn
  • 27.05.2025
  • 1 153
  • 0
    • 40
    • 1
    • 2
    • 3
    • 4
    • 5
  • Подробнее..
PSB PROXY - обзор и отзывы

PSB PROXY - обзор и отзывы

  • redactor
  • 28.05.2025
  • 1 73
  • 0
    • 60
    • 1
    • 2
    • 3
    • 4
    • 5
  • Подробнее..
PSB PROXY - обзор и отзывы

PSB PROXY - обзор и отзывы

  • redactor
  • 28.05.2025
  • 1 73
  • 0
    • 60
    • 1
    • 2
    • 3
    • 4
    • 5
  • Подробнее..
Топ платежных систем для арбитража трафика

Топ платежных систем для арбитража трафика

  • ddspprtn
  • 27.05.2025
  • 1 153
  • 0
    • 40
    • 1
    • 2
    • 3
    • 4
    • 5
  • Подробнее..
Скрипт сайта рулетки CSGOSHIK

Скрипт сайта рулетки CSGOSHIK

  • DirectoryWeb
  • 01.10.2018
  • 1 3 868
  • 0
    • 60
    • 1
    • 2
    • 3
    • 4
    • 5
  • Подробнее..
Скрипт онлайн казино Фараон

Скрипт онлайн казино Фараон

  • DirectoryWeb
  • 30.09.2018
  • 1 7 897
  • 0
    • 60
    • 1
    • 2
    • 3
    • 4
    • 5
  • Подробнее..
Скрипт онлайн казино FlashCasino 1.2

Скрипт онлайн казино FlashCasino 1.2

  • DirectoryWeb
  • 26.10.2018
  • 1 3 413
  • 0
    • 60
    • 1
    • 2
    • 3
    • 4
    • 5
  • Подробнее..
Cкрипт онлайн лотереи Lottery for life

Cкрипт онлайн лотереи Lottery for life

  • DirectoryWeb
  • 17.10.2018
  • 1 4 221
  • 0
    • 60
    • 1
    • 2
    • 3
    • 4
    • 5
  • Подробнее..
Скрипт онлайн казино Вулкан NEW

Скрипт онлайн казино Вулкан NEW

  • DirectoryWeb
  • 28.10.2018
  • 1 12 320
  • 0
    • 60
    • 1
    • 2
    • 3
    • 4
    • 5
  • Подробнее..
Скрипт Bitcoin игр онлайн Quizda

Скрипт Bitcoin игр онлайн Quizda

  • DirectoryWeb
  • 01.08.2018
  • 1 4 174
  • 0
    • 60
    • 1
    • 2
    • 3
    • 4
    • 5
  • Подробнее..
Скрипт игры моментальной лотереи - рулетки Best-Loto

Скрипт игры моментальной лотереи - рулетки Best-Loto

  • DirectoryWeb
  • 23.01.2018
  • 1 8 424
  • 0
    • 60
    • 1
    • 2
    • 3
    • 4
    • 5
  • Подробнее..
Скрипт моментальной лотереи Fast Loto

Скрипт моментальной лотереи Fast Loto

  • DirectoryWeb
  • 05.10.2017
  • 1 7 896
  • 0
    • 60
    • 1
    • 2
    • 3
    • 4
    • 5
  • Подробнее..
Скрипт онлайн казино Brilliant-Club

Скрипт онлайн казино Brilliant-Club

  • DirectoryWeb
  • 02.07.2017
  • 1 10 166
  • 0
    • 60
    • 1
    • 2
    • 3
    • 4
    • 5
  • Подробнее..
Информация
  • О проекте
  • Правила
  • Статистика
  • Облако тегов
  • Контакты
  • Карта сайта
Каталог
  • Скрипты
  • Боты
  • Программы
  • Android, iOS приложения
  • Статьи
Арбитраж трафика
  • Кейсы
  • Партнёрские программы
  • Сервисы
  • Инструменты
  • Обзоры
Полезные ссылки
  • Партнерские программы и сервисы
  • Скрипты, моды и шаблоны
Заказ
Быстрый вход

Используйте социальные сети для быстрой регистрации и авторизации.

ВКонтакте
Создать аккаунт / Регистрация
Авторизация

Я забыл свой пароль