Прикручиваем Hint к своему сайту
1) Скачиваем: wz_tooltip.rar
2) Запихиваем его в папку: templates/ВАШ ШАБЛОН/css/
3) Подключаем его. Открываем main.tpl (Главный файл шаблона,можно через АЦ.) Перед:
</style>пишем:
<script type="text/javascript" src="templates/ВАШ ШАБЛОН/css/wz_tooltip.js"></script>
<STYLE type=text/css media=all>
.hr_line {
MARGIN-TOP: 4px; FONT-SIZE: 3px; BACKGROUND: url(/templates/nova/images/line.gif); MARGIN-BOTTOM: 4px; WIDTH: 100%; FONT-FAMILY: tahoma; HEIGHT: 7px
}
#tooltip { background: black; border-left: 1px solid yellow; border-right : 1px solid yellow; border-bottom : 1px
solid yellow; border-top : 1px solid yellow; font : 11px tahoma; color : yellow; padding : 7px; position :
absolute; visibility : hidden; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; }
</style>background: black; - Фон хинта
border-left: 1px solid yellow; - Левая сторона хинта
border-right : 1px solid yellow; - Правая сторона хинтaГде Yellow меняем на цвет своего дизайна.
Картинку line.gif , положить в папку со своим шаблоном(/{шаблон}/images/line.gif ), так-же изменить переменные до картинки.
взято с _dle.in.ua
Цитата: прикрепленный файлы
- Картинка line.gif
Главная
