Войти на сайт Регистрация
Добавить файлВ каталоге: 678
Подсказка для ссылки - Title
16.10.2018
Подсказка для ссылки - Title
  • 777 Просмотров:
  • 0 Скачиваний:
  • 0 Комментариев:
  • 5.0 Рейтинг:
  • (Голосов: 1)
Описание:
Всем привет, в этом материале будет показано что нужно сделать чтобы сделать <strong>всплывающие подсказки</strong> к ссылкам на чистом CSS, без использования jQuery и прочего. Простая темная всплывающая подсказка к ссылке! Перейдем к собственно установке. Красиво будет смотреться на любых сайтах. Нужный в своём роде скрипт.

В CSS добавляем:

Код
.tooltip {display:inline;position:relative;top:70px;}  
  .tooltip:hover:after {background:#333;background:rgba(0,0,0,.8);border-radius:5px;bottom:26px;color:#fff; content:attr(title);left:20%;padding:5px 15px;position:absolute;z-index:4;width:220px;}  
  .tooltip:hover:before {border: solid;border-color:#333 transparent; border-width:6px 6px 0 6px;bottom:20px;content:"";left:50%;position:absolute;z-index:5;}


Чтобы вызвать эту подсказку html код следующий:

Код
<a href="#" title="asdasd" class="tooltip"><span>7old.ru</span></a>


На этом всё.
Подсказка для ссылки - Title" title="Скачать Подсказка для ссылки - Title бесплатно, без смс и регистрации" target="_blank">Сервер Скачать файл
Источник: webo4ka.ru
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]