Делаем Hint для сайта (WZ_tooltip)

Делаем Hint для сайта (WZ_tooltip)
Делаем Hint для сайта (WZ_tooltip)


Прикручиваем 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


скачать:
tooltip.rar [4,7 Kb] (cкачиваний: 400)
или
rapidshare.com
Другие новости по теме:

Категория: Хаки ----- Просмотров: 3229 ----- Комментариев: 12

Вернуться

  • Группа: Гости
  • ICQ: --
  • Регистрация: --
  • Комментариев: 0
  • Публикаций: 0
^
о как раз надо было синию,а то чёрная не прёт(
  • Группа: User
  • ICQ: 481186622
  • Регистрация: 26.04.2008
  • Комментариев: 109
  • Публикаций: 9
^
Цитата: anatoly96
о как раз надо было синию,а то чёрная не прёт(

belay ОмГ, а самому background перекрасить и изменить цвет фона/текста в .css никак?
  • Группа: Гости
  • ICQ: --
  • Регистрация: --
  • Комментариев: 0
  • Публикаций: 0
^
Цитата: ТорЧ
о как раз надо было синию,а то чёрная не прёт(

НУ ТЫ МУЖИК ДАЕШЬ) ТАМ ЖЕ НАПИСАНО:
Цитата: ТорЧ
background: black; - Фон хинтаborder-left: 1px solid yellow; - Левая сторона хинтаborder-right : 1px solid yellow; - Правая сторона хинтa

  • pri4es

  • 27 января 2010 22:53
  • Группа: Гости
  • ICQ: --
  • Регистрация: --
  • Комментариев: 0
  • Публикаций: 0
^
спасиьа, то що нада ))
  • Группа: Гости
  • ICQ: --
  • Регистрация: --
  • Комментариев: 0
  • Публикаций: 0
^
ЭТО ЗВУЧИТ ТУПО, НО ПОДСКАЖИТЕ, КТО ЗНАЕТ... ПОЧЕМУ ЭТОТ ЭФФЕКТ РАБОТАЕТ ТОЛЬКО НА ГЛАВНОЙ СТРАНИЦЕ, А В РАЗДЕЛАХ И НОВОСТЯХ НЕТ??? ЗАРАНЕЕ СПАСИБО)

  • VAT

  • 28 января 2010 02:39
  • Группа: User
  • ICQ: --
  • Регистрация: 3.07.2008
  • Комментариев: 96
  • Публикаций: 0
^
хм, реализовано кое-как...
/templates/nova/ и такого плана все замените на {THEME}
/templates/nova/images/line.gif - киньте тогда картинку людям, т.к. у многих может не быть...

<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>
лучше спрятать в ксс, зачем засорять маин

ЭТО ЗВУЧИТ ТУПО, НО ПОДСКАЖИТЕ, КТО ЗНАЕТ... ПОЧЕМУ ЭТОТ ЭФФЕКТ РАБОТАЕТ ТОЛЬКО НА ГЛАВНОЙ СТРАНИЦЕ, А В РАЗДЕЛАХ И НОВОСТЯХ НЕТ??? ЗАРАНЕЕ СПАСИБО)

проверь, праивльно ли подключение сделал...
  • Группа: Гости
  • ICQ: --
  • Регистрация: --
  • Комментариев: 0
  • Публикаций: 0
^
Цитата: VAT
проверь, праивльно ли подключение сделал...

все правильно, почему-то все равно только на главной работает!!! кто-нибудь подскажите плиз!

  • Fucktor

  • 5 февраля 2010 22:02
  • Группа: Гости
  • ICQ: --
  • Регистрация: --
  • Комментариев: 0
  • Публикаций: 0
^
почти все архивы с этого сайта битые :(

  • pri4es

  • 27 февраля 2010 16:42
  • Группа: Гости
  • ICQ: --
  • Регистрация: --
  • Комментариев: 0
  • Публикаций: 0
^
у меня тоже только на главной работает, помогите исправить
  • Группа: User
  • ICQ: --
  • Регистрация: 18.02.2010
  • Комментариев: 3
  • Публикаций: 0
^
Прост руки кривые...

wz_tooltip.js кидаем в templates/ВАШ ШАБЛОН/css/



<script type="text/javascript" src="{THEME}/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>


это сохранить как Hint.css
и кидаем в ту же папку где wz_tooltip.js
в файле main.tpl прописываем
между
<head> <---и---> </head>

это:

<script type="text/javascript" src="{THEME}/css/wz_tooltip.js">
</script>
<link rel="stylesheet" href="{THEME}/css/Hint.css" type="text/css" />
  • Группа: User
  • ICQ: --
  • Регистрация: 9.08.2009
  • Комментариев: 24
  • Публикаций: 1
^
супер

  • messa

  • 23 мая 2010 12:21
  • Группа: User
  • ICQ: --
  • Регистрация: 5.12.2008
  • Комментариев: 61
  • Публикаций: 0
^
спс пригодится

--------------------
Век живи - век учись
* На самую главную
* На главную

* Релизы CMS DLE
* Шаблоны для DLE
* Модули для DLE
* Хаки
* Платные DLE шаблоны & модули
* Баги
* Скрипты для сайта
* Вебмастеру
* Для фотошопа
* Все последние новости