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

Чтение RSS Мы в твиттере
«    Март 2017    »
ПнВтСрЧтПтСбВс
 
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
Просмотры: 14290 VIP ProWebber | Комментарии (17)
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

#1MysterIoes

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

0

#2zasranec

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

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

0

#3anatoly96

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

0

#4zasranec

  • 5 января 2010 23:00
  • Регистрация: 26.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
  • Регистрация: 26.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 хостинг!

Надёжные двери мультилок

Строительство быстровозводимых зданий. Тонировка автомобилей.

multlock.ru


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

Опросы

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

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

Архив новостей
Март 2017 (8)
Февраль 2017 (5)
Январь 2017 (9)
Декабрь 2016 (16)
Ноябрь 2016 (9)
Октябрь 2016 (10)

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

Искать людей

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