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

Установка:
1. Качаем файл: Вы не можете скачивать файлы с нашего сервера и кидаем в корень.
2. Открываем header.php и перед тегом:
</head>

Добавить код:
<script language="javascript" type="text/javascript" src="hint.js"></script>
<style>
#tooltip{
  background: #ffffff;
  font: verdana;
  font-size: 10px;
  width:auto;
  border:2px solid #007dd5;
  border-left:10px solid #007dd5;
  font-family: verdana, arial, helvetica, sans-serif;
  opacity: 0.91;
  filter: alpha(opacity="0");
  line-height:20px; z-index:100;
  margin:0px;
  padding: 3px;
  position: absolute;
  visibility: hidden;
  border-collapse: separate;
}</style>

И наконец, на желаемых ссылках добавляем title="текст"

Ну и вообще, где есть title там и будет появляться такой вот хинт. Также в коде, который мы вставили можно отредактировать цвет.

border:2px solid #007dd5; - рамка хинта.
border-left:10px solid #007dd5; - цвет толстой полосы сбоку.
background: #ffffff; - фон хинта.

Все, комментируем...

P.S. Вы любите культуру? Любите фотографировать? Тогда запишитесь в фотошколу онлайн, там вас научат быть профессионалом.


Рубрика: Бесплатное » Дополнения   |   Автор: Alex   |   Просмотры: 4969
Комментариев: 39
Публикаций: 0
ICQ: --
- 36 +
  Автор: Mailik   |   Группа: V.I.P.   |   Дата: 04 мая 2011  
Спасибо пригодилось!
Комментариев: 87
Публикаций: 11
ICQ: 8165252
- 64 +
  Автор: dimansoft   |   Группа: Пользователи   |   Дата: 26 апреля 2012  
Ни хо хо не работает!
Информация

Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.