В этой статье я расскажу, как украсить свой сайт, изменив дизайн всплывающих подсказок. Подробнее в полной новости.В этой статье я расскажу, как украсить свой сайт, изменив дизайн всплывающих подсказок.
Установка:
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>
<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; — фон хинта.
Все, комментируем…
Автор публикации
Комментарии: 0Публикации: 166Регистрация: 19-02-2011
Отправить комментарий
Вы должны быть зарегистрированы чтобы оставить комментарий.
Вы должны быть зарегистрированы чтобы оставить комментарий.