tooltip - всплывающая подсказка при наведенииВыглядеть это может так:
может вы и не поверите
но я лично сам проверял Если вас заинтересовало - делается это так:
Прописка в админке
Использование BBCodeЗамена HTMLКод: Выделить всё
<a class="tooltip">{TEXT1}<span><img src="images/tip.png" width="15" height="15" style="margin:2px;"/>{TEXT2}</span></a>Код: Выделить всё
[tip=Подсказка(пояснение)]основное слово[/tip]
добавить в конец файла stylesheet.css
/* ------------ tooltip adminka --------------- */
a.tooltip {
background:#dcdcdc;
padding:2px;
cursor:pointer;
}
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;}
a.tooltip span {
z-index:10;
display:none;
padding:5px;
padding-bottom:15px;
margin-top:60px;
margin-left:-160px;
width:300px;
line-height:16px;
}
a.tooltip:hover span{
display:inline;
position:absolute;
border:2px solid #FFF;
color:#EEE;
background:#333;
}
/*CSS3 extras*/
a.tooltip span
{
border-radius:2px;
box-shadow: 0px 0px 8px 4px #666;
/*opacity: 0.8;*/
}
/* ----------------------------- */
Картинку для сообщения можно скачать
здесьПосле этого загрузить изображение в вашу папку
images в корне сайта.
