dle.in.ua » Хаки » Делаем Hint для сайта (WZ_tooltip)

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

Автор: stunnaman от 26-01-2010, 19:09
Делаем 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качиваний: 401)
или
rapidshare.com
  • Группа: Гости
  • Icq: --
  • Комментариев: 0
  • Публикаций: 0
  • о как раз надо было синию,а то чёрная не прёт(
    • anatoly96
    • Регистрация: --
    • Репутация: (||)
    • 27 января 2010 07:34
    • 1
    ^
  • Группа: User
  • Icq: 481186622
  • Комментариев: 109
  • Публикаций: 9
  • Цитата: anatoly96
    о как раз надо было синию,а то чёрная не прёт(

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

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

    • stunnaman
    • Регистрация: --
    • Репутация: (||)
    • 27 января 2010 18:28
    • 3
    ^
  • Группа: Гости
  • Icq: --
  • Комментариев: 0
  • Публикаций: 0
  • спасиьа, то що нада ))
    • pri4es
    • Регистрация: --
    • Репутация: (||)
    • 27 января 2010 22:53
    • 4
    ^
  • Группа: Гости
  • Icq: --
  • Комментариев: 0
  • Публикаций: 0
  • ЭТО ЗВУЧИТ ТУПО, НО ПОДСКАЖИТЕ, КТО ЗНАЕТ... ПОЧЕМУ ЭТОТ ЭФФЕКТ РАБОТАЕТ ТОЛЬКО НА ГЛАВНОЙ СТРАНИЦЕ, А В РАЗДЕЛАХ И НОВОСТЯХ НЕТ??? ЗАРАНЕЕ СПАСИБО)
    • stunnaman
    • Регистрация: --
    • Репутация: (||)
    • 28 января 2010 01:31
    • 5
    ^
  • Группа: User
  • Icq: --
  • Комментариев: 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>
    лучше спрятать в ксс, зачем засорять маин

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

    проверь, праивльно ли подключение сделал...
    • VAT
    • Регистрация: 3.07.2008
    • Репутация: (0|0|0)
    • 28 января 2010 02:39
    • 6
    ^
  • Группа: Гости
  • Icq: --
  • Комментариев: 0
  • Публикаций: 0
  • Цитата: VAT
    проверь, праивльно ли подключение сделал...

    все правильно, почему-то все равно только на главной работает!!! кто-нибудь подскажите плиз!
    • stunnaman
    • Регистрация: --
    • Репутация: (||)
    • 31 января 2010 12:06
    • 7
    ^
  • Группа: Гости
  • Icq: --
  • Комментариев: 0
  • Публикаций: 0
  • почти все архивы с этого сайта битые :(
    • Fucktor
    • Регистрация: --
    • Репутация: (||)
    • 5 февраля 2010 22:02
    • 8
    ^
  • Группа: Гости
  • Icq: --
  • Комментариев: 0
  • Публикаций: 0
  • у меня тоже только на главной работает, помогите исправить
    • pri4es
    • Регистрация: --
    • Репутация: (||)
    • 27 февраля 2010 16:42
    • 9
    ^
  • Группа: User
  • Icq: --
  • Комментариев: 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" />
    • MasterSp
    • Регистрация: 18.02.2010
    • Репутация: (0|0|0)
    • 1 марта 2010 22:26
    • 10
    ^
  • Группа: User
  • Icq: --
  • Комментариев: 24
  • Публикаций: 1
  • супер
    • Kazanova
    • Регистрация: 9.08.2009
    • Репутация: (0|0|0)
    • 30 марта 2010 16:06
    • 11
    ^
  • Группа: User
  • Icq: --
  • Комментариев: 61
  • Публикаций: 0
  • спс пригодится

    --------------------
    • messa
    • Регистрация: 5.12.2008
    • Репутация: (0|0|0)
    • 23 мая 2010 12:21
    • 12
    ^
    Информация
    Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.