Прикручиваем Tooltip - Официальный форум Eleanor CMS

Сообщение сайта

(Сообщение закроется через 2 секунды)

Здравствуйте, гость ( Вход | Регистрация )

Официальный форум Eleanor CMS > Для вебмастеров и владельцев сайтов > Комната веб-дизайнеров

Прикручиваем Tooltip, Описание

Опции

Гость_Xack-Root_*

2009-07-11, 10:37

Сообщение #1

Гости

Скачиваем библиотеки

jquery-1.2.1.js

jquery.dimensions.js

jquery.tooltip.js

Копируем все файлы в папку js

Открываем:

templates/ваш_шаблон/index.php

После

<body class="page_bg">

Вставляем такой код:

<script type="text/javascript" src="js/jquery-1.2.1.js"></script>
<script type="text/javascript" src="js/jquery.dimensions.js"></script>
<script type="text/javascript" src="js/jquery.tooltip.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $(&#39;a, input&#39;).tooltip({
  	track: true,
  	delay: 100,
  	showBody: &#39;::&#39;,
  	opacity: 0.85
  });
});
</script>

Открываем

templates/ваш_шаблон/style/main.css

В самый конец файла вставляем таблицу

#tooltip {
 position: absolute;
 z-index: 3000;
 width:250px;
 border: 1px solid #269;
 background-color: #48b;
 padding: 0;
 opacity: 0.85;
 color:#fff;
}

#tooltip h3 {
  background-color: #269;
  padding-left:5px;
  font-weight:bold;
  font-size:1.4em;
}

#tooltip div {
  padding-left:5px;
  padding-right:5px;
}

Всё сохраняем и закачиваем на серв.