prowebber.ru - Тут есть все для настоящих вебмастеров

Чтение RSS Мы в твиттере
«    Декабрь 2016    »
ПнВтСрЧтПтСбВс
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 

Делаем Hint для сайта


Данный материал предоставлен сайтом ProWebber.ru исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.
У нас вы можете скачать бесплатно Делаем Hint для сайта.


Делаем Hint для сайта


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

прикрепленный файлы


0
Просмотры: 14092 VIP ProWebber | Комментарии (17)
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

#1MysterIoes

  • 5 января 2010 20:56
  • Регистрация: 22.11.2009
  • ICQ: --
  • Комментариев: 356
не плохая идея, хак переделаю под себя
интересно что из этого выйдет smile

0

#2zasranec

  • 5 января 2010 21:10
  • Регистрация: 25.10.2009
  • ICQ: --
  • Комментариев: 195
Интересно что выйдет =)
продемонстрируете?

--------------------

0

#3anatoly96

  • 5 января 2010 22:15
  • Регистрация: --
  • ICQ: --
  • Комментариев: 0
ммм неплохо,только я не понял это будет такая штука чёрная выезжать и писать что такое B что такое U? chok

0

#4zasranec

  • 5 января 2010 23:00
  • Регистрация: 25.10.2009
  • ICQ: --
  • Комментариев: 195
типа,
Цвет: можно настроить цвет фона (так что не черная) =).

обычная подсказка */title=/*

--------------------

0

#5ТорЧок

  • 6 января 2010 11:55
  • Регистрация: 5.01.2010
  • ICQ: --
  • Комментариев: 247
Цитата: zasranec
Интересно что выйдет =)продемонстрируете?

Что тут собственно демонстрировать? оО
Иди на сайт, откуда взят хинт (указан в новости). Правда там он белый, а здесь зелёный. ^__^

--------------------

0

#6ТорЧок

  • 6 января 2010 18:58
  • Регистрация: 5.01.2010
  • ICQ: --
  • Комментариев: 247
Цитата: Dle-HelP
А можно както прикрутить hint не только к Addcomments?

Прикрутить можно куда угодно.)

--------------------

0

#7abatsk

  • 10 января 2010 10:16
  • Регистрация: 10.01.2010
  • ICQ: --
  • Комментариев: 42
Пошел пробовать, Хорошо бы еще скриншоты показали бы.
Кстате, не грузят эти хинты?

0

#8teroor

  • 10 января 2010 12:34
  • Регистрация: 8.11.2009
  • ICQ: 241602308
  • Комментариев: 106
laugh Штучка хорошая прям

--------------------

0

#9zasranec

  • 10 января 2010 17:51
  • Регистрация: 25.10.2009
  • ICQ: --
  • Комментариев: 195
Цитата: abatsk
Пошел пробовать, Хорошо бы еще скриншоты показали бы.Кстате, не грузят эти хинты?

а того что на новости мало?
все норм чо грузить то)))


--------------------

0

#10Alexander.S

  • 9 февраля 2010 16:18
  • Регистрация: 27.11.2009
  • ICQ: --
  • Комментариев: 120
Я кривой или что, поправил все пути всё ок вроде но не хочет работать.

0

#11ТорЧок

  • 9 февраля 2010 16:31
  • Регистрация: 5.01.2010
  • ICQ: --
  • Комментариев: 247
Цитата: Alexander.S
Я кривой

Ты сам ответил на свой вопрос.

--------------------

0

#12Alexander.S

  • 9 февраля 2010 16:36
  • Регистрация: 27.11.2009
  • ICQ: --
  • Комментариев: 120
А ты прочитал что я дальше написал? что всё поправлено все пути проверенны, лучше посоветовал чтонить

0

#13ТорЧок

  • 9 февраля 2010 16:44
  • Регистрация: 5.01.2010
  • ICQ: --
  • Комментариев: 247
Alexander.S,
Я не телепат. Если ты всё "правильно" сделал, то у тебя будет работать) Ещё раз проверь, возможно не правильно путь указал до wz_tooltip.js. Возможно в браузере отключен javascript

p.s. Помоему и так вариант подключения - проще некуда)

--------------------

0

#14Zw1T

  • 9 февраля 2010 16:50
  • Регистрация: 4.02.2010
  • ICQ: 479187850
  • Комментариев: 47
Всё робит прекрасно спасибо !! greeting

0

#15sytronik

  • 26 декабря 2010 18:27
  • Регистрация: 10.12.2010
  • ICQ: 649334786
  • Комментариев: 59
спасибо вам! drink

0

#16rion1

  • 8 ноября 2011 15:05
  • Регистрация: 14.12.2010
  • ICQ: --
  • Комментариев: 6
Я немного ОБЛИЗАЛ код, и вот что получилось.: <script type="text/javascript" src="{THEME}/js/wz_tooltip.js"></script>
<STYLE type=text/css media=all>

.hr_line {
MARGIN-TOP: 4px;
FONT-SIZE: 3px;
background: url(../images/line.gif);
MARGIN-BOTTOM: 4px;
WIDTH: 100%;
FONT-FAMILY: tahoma;
HEIGHT: 7px
}

#tooltip {
background: #FFCC00;
border-left: 1px solid black;
border-right : 1px solid black;
border-bottom : 1px solid black;
border-top : 1px solid black;
border-radius: 5px;
font : 10px tahoma;
font-weight: bold;
color : black;
padding : 7px;
position : absolute;
visibility : hidden;
filter:alpha(opacity=80);
opacity: 0.8;
box-shadow: 0 0 5px black; /* Параметры тени */
box-shadow: 0 0 10px rgba(0,0,0,1); /* Параметры тени */
-moz-box-shadow: 0 0 10px rgba(0,0,0,1); /* Для Firefox */
-webkit-box-shadow: 0 0 10px rgba(0,0,0,1); /* Для Safari и Chrome */
}
</style>

Так красивее помоему

0

#17SanduMD

  • 11 мая 2014 13:58
  • Регистрация: 13.09.2012
  • ICQ: --
  • Комментариев: 21
можете кто то объяснить что это такое?

0
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии в данной новости.

Max-energy.top - Заработок на электросчетчиках;)

Skripters.info - все для вебмастера. Только эксклюзивный контент.

Создание шаблонов DLE, быстро и недорого! 3wave.com.ua

Бро лей на лучшую партнёрку

Почти бесплатный VDS хостинг!

Поддержи сайт
Скрипты, cms, шаблоны, статьи по раскрутке

Опросы

Как часто вы бываете на сайте?

Захожу 1-2 раза в день
1-2 часа в сутки
Более 2 часов
Почти целый день тут smile

Архив новостей
Ноябрь 2016 (7)
Октябрь 2016 (10)
Сентябрь 2016 (8)
Август 2016 (11)
Июль 2016 (14)
Июнь 2016 (17)

Последние комментарии:

Искать людей

Ваши переписки