Хинт своими руками

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

Установка:
1. Качаем файл: hint.zip и кидаем в корень.
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; – фон хинта.

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

Автор публикации

не в сети 9 лет

Alex

Комментарии: 0Публикации: 166Регистрация: 19-02-2011

Понравилась статья? Поделись в соц. сетях:

Похожие новости

Добавить комментарий

Авторизация
*
*
Регистрация
*
*
*
Генерация пароля