Шаг-1 JS:
Устанавливаем после тега следующий скрипт:

Code

<script type="text/javascript" src="http://joomla.ucoz.com/1/img/unitip.js"></script>

Шаг-2 Html:

Теперь чтобы наш title отображался у нужного нам элемента, например нужной ссылки, следует прописать ей class="tip":

HTML-Code

Code

<a
class="tip" href="#" title="Частная коллекция готовых дизайнерский
решений, для вашего сайта или чата.">www.center-dm.ru</a>

Шаг-3 CSS:

Так как наша подсказка отображается отдельными изображениями, в css стилях давайте их пропишем:

Code

<br> /* unitip css */  <br> #unitip {  <br>  position: absolute;  <br>  z-index: 1000;  <br>  top: -1000px;  <br>  color: #fff;  <br>  font:11px Verdana,Arial,Helvetica, sans-serif; color:#CED9E8;  <br>  display: none;  <br> }  <br><br> #unitippoint, #unitipmid, #unitipcap {  <br>  position: relative;  <br>  top: 0px;  <br>  left: 0px;  <br>  width: 145px;  <br>  display: block;  <br> }  <br>   <br> #unitippoint {  <br>  background: url('img/TipPoint.png') no-repeat;  <br>  height: 19px;  <br>  overflow: hidden;  <br> }  <br>   <br> #unitipmid {  <br>  background: url('img/TipMid.png') repeat;  <br>  width: 115px;  <br>  height: auto;  <br>  padding: 5px 15px;  <br> }  <br>   <br> #unitipcap {  <br>  background: url('img/TipCap.png') no-repeat;  <br>  height: 7px;  <br>  overflow: hidden;  <br> } <br>

Всё наша подсказка теперь будет отображаться как и положено, главное не
забудьте залить на свой сайт в нужную папку изображения подсказки.