Не нравятся результаты поиска? Попробуйте другой поиск!

Хинт как на Facebook


     17.12.2011    Общие вопросы    2981

вопрос
Доброго времени суток.

У меня такой вопрос
Может кто подсказать где взять Хинт как на Facebook,как его подключить к DLE на тег title="Тут что то"
ну и на класcы что то типо

$(function(){
$(".Тут мой класс").tipTip();
});
Если конечно не ошибаюсь.


Например как этот установить Я сцылко!!

Буду премного блогодарен за полную инструкцию

Ответил: ПафНутиЙ


Качаем tipsy с оффсайта, а не с левых источников.
Заливаем jquery.tipsy.js в папку со скриптами, CSS-файл в папку с css-файлами.
Подключаем оба файла в header.
Пишем туда же
<script type='text/javascript'>
  $(function() {
    $('.class').tipsy();    
  });
</script>
где .class - нужный класс.

Комментарии пользователей (5)

Heon
6

87 | 84

Heon - 18 декабря 2011 23:17 - Юзер

ПафНутиЙ,Подскажите пожалуйста как правельно саставить этот код

<script type='text/javascript'>
  $(function() {
    $('.class').tipsy();    
  });
</script>]

Что бы он работал еще на title

У меня он выглядит так
<script type='text/javascript'>
  $(function() {
    $('.top-menu1').tipsy()
    $('.top-menu2').tipsy()
    $('.form-text').tipsy()
    $('.title').tipsy()
  });
</script>]

На классы работает а на титле нет,можете подсказать как его оформить правелно,и еще он все время распологается снизу даже если там место нету,как туда правельно вписать
$('#foo').tipsy({gravity: 'n'}); // nw | n | ne | w | e | sw | s | se

Что бы он нормально отоброжал,в зависимости от положения.

Спасибо за ответ!!!

ПафНутиЙ
1065

3396 | 2434

ПафНутиЙ - 18 декабря 2011 23:36 - Админ

.title - это класс title а не арибут title
Скрипт навешивает хинт на атрибут title, находящися внутири указанного класса.

почитайте доки к скрипту, там всё почти по русски написано, у меня не возникло проблем с прочтением через переводчие.

Каков вопрос - таков и ответ. Просто помните об этом.

Heon
6

87 | 84

Heon - 19 декабря 2011 02:25 - Юзер

Это я понимаю,поэтому и спрашиваю как правильно сделать. на title,просто из этих кодов мне мало что понятно.

PS.Это тоже самое что и девушку попросить починить маю машину!!

ScreN
10

207 | 102

ScreN - 5 августа 2012 09:23 - Юзер

Поехали.

Заливаешь файл jquery.tipsy.js в папку templates/твой шаблон/js
Заливаешь файл tipsy.css в папку templates/твой шаблон/css (или в папку style если нет папки css)

Далее...

Открываешь файл templates/твой шаблон/main.tpl
Выше тега
</head>

Подключаешь оба файла в шаблон таким способом
<link media="screen" href="{THEME}/style/tipsy.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="{THEME}/js/jquery.tipsy.js"></script>

Сразу после этого вставляешь
<script type='text/javascript'>
  $(function() {
    $('.class').tipsy();  
  });
</script>


Где .CLASS. Туда вставляешь класс того, где хочешь видеть ХИНТ.

Допустим у тебя есть класс для заголовка новостей. Пусть он будет называться .title_news a
И ты хочешь чтобы при наведении на название новости, показывался этот ХИНТ.

Значит вместо .class пишешь .title_news a

Сохраняешь, чистишь кеш. Все красиво и аккуратно работает.

ScreN
10

207 | 102

ScreN - 5 августа 2012 11:03 - Юзер

У меня вот другая проблема. Наводишь на ссылку, хинт появляется. Нажимаешь на ссылку, хинт не исчезает. Ссылка является выставлением рейтинга.

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

 18.04.2014 rytis.arkusauskas  Общие вопросы