0 Пользователей и 1 Гость просматривают эту тему.
  • 12 Ответов
  • 7708 Просмотров
*

Zergboy

  • Новичок
  • 4
  • 0 / 0
span class="hasTip" title
« : 07.02.2009, 23:33:18 »
Перерыл весь форум, ответа не нашел :(
Вопрос вот в чем.
При наведении на кнопку редактирования всплывает текст.
Кусок htm который выводит этот текст:
<span class="hasTip" title="что-то там такое написано">

Текст отображается цветом фона, ну и его естественно, не видно.
Я никак не могу понять, какой класс нужно регистрировать в файле css, чтобы задать параметры всплывающего текста?
пробовал
.title
#title
безрезультатно  !!!???!!!
Заранее мега=спасибо.
*

Adeptus

  • Завсегдатай
  • 1861
  • 219 / 15
Re: span class="hasTip" title
« Ответ #1 : 08.02.2009, 01:04:21 »
Код
.hasTip hover {}
*

Zergboy

  • Новичок
  • 4
  • 0 / 0
Re: span class="hasTip" title
« Ответ #2 : 08.02.2009, 10:11:37 »
Хм...
нет, не помогает
я пробовал и так
.hasTip hover
и так
.hasTip:hover

Единственное место, где объявлен такой же цвет для текста в моем css - это body{}
Убрав из body  обяъвление цвета шрифта {color: #CCCC99; } я конечно получил цвет по умолчанию (черный).
Но это не снимает вопроса - как назначить вот этому самому элементу (всплывающий текст при наведении на кнопку редактирования) цвет шрифта.

Буду благодарен продолжению расследования :)
*

Adeptus

  • Завсегдатай
  • 1861
  • 219 / 15
Re: span class="hasTip" title
« Ответ #3 : 08.02.2009, 13:59:01 »
Но это не снимает вопроса - как назначить вот этому самому элементу (всплывающий текст при наведении на кнопку редактирования) цвет шрифта.

Секундочку... Так это вы тултипу пытаетесь цвет задать?!

Если так - то средствами CSS это не получится.
*

Zergboy

  • Новичок
  • 4
  • 0 / 0
Re: span class="hasTip" title
« Ответ #4 : 08.02.2009, 21:06:33 »
а каким способом это можно сделать?
*

Adeptus

  • Завсегдатай
  • 1861
  • 219 / 15
Re: span class="hasTip" title
« Ответ #5 : 08.02.2009, 23:55:02 »
На яваскрипт.
*

Zergboy

  • Новичок
  • 4
  • 0 / 0
Re: span class="hasTip" title
« Ответ #6 : 09.02.2009, 00:09:59 »
А где можно посмотреть/почитать про решение именно этой задачи?
*

Adeptus

  • Завсегдатай
  • 1861
  • 219 / 15
Re: span class="hasTip" title
« Ответ #7 : 11.02.2009, 19:33:45 »
А где можно посмотреть/почитать про решение именно этой задачи?

1. Создаем в области HTML невидимый див с id например "tooltip"
2. в CSS описываем его как нам надо - фон, цвет, рамка + абсолютное позиционирование
3. яваскрипт:
3.1
- по событию mouseOver считываем атрибут title нужного объекта в переменную
- вставляем этот title как текст в нашем скрытом диве
- обнуляем значение атрибута title объекта
- задаем скрытому диву аттрибуты top и left с небольшим смещением от объекта
- делаем скрытый див видимым
3.2
- по событию mouseOut восстанавливаем атрибут title нужного объекта из переменной
- удаляем текст в нашем скрытом диве
- делаем бывший скрытый див снова невидимым


Вот как-то так один из вариантов :)
*

Brun

  • Осваиваюсь на форуме
  • 15
  • 0 / 0
  • Спец широкого профиля
Re: span class="hasTip" title
« Ответ #8 : 15.09.2009, 18:27:35 »
Вроде так можно, если я понял правильно задачу:

Код
.tool-tip {
   float: left;
   background: #ffc;
   border: 1px solid #D4D5AA;
   padding: 5px;
   max-width: 200px;
   font-size:10px;
}

.tool-title {
   padding: 0;
   margin: 0;
   font-size: 100%;
   font-weight: bold;
   margin-top: -15px;
   padding-top: 15px;
   padding-bottom: 5px;
   font-size:12px;
}

.tool-text {
   font-size: 100%;
   margin: 0;
}
*

Adeptus

  • Завсегдатай
  • 1861
  • 219 / 15
Re: span class="hasTip" title
« Ответ #9 : 16.09.2009, 17:23:52 »
Не можно.
*

greenmar

  • Захожу иногда
  • 95
  • 4 / 0
Re: span class="hasTip" title
« Ответ #10 : 05.02.2012, 18:43:55 »
Тоже интересен вопрос. Написал бы кто-нибудь поподробнее. Весь интернет перерыл, пробовал кучу вариантов - не работает. Мне надо чтобы во фронтэнде при входе админом всплывающие подсказки были хотя бы просто с фоном, а то текст на прозрачном фоне не видно
*

fedragon

  • Захожу иногда
  • 232
  • 22 / 0
  • You move like an insect
Re: span class="hasTip" title
« Ответ #11 : 19.02.2012, 20:41:06 »
Тоже интересен вопрос. Написал бы кто-нибудь поподробнее. Весь интернет перерыл, пробовал кучу вариантов - не работает. Мне надо чтобы во фронтэнде при входе админом всплывающие подсказки были хотя бы просто с фоном, а то текст на прозрачном фоне не видно

Для Joomla 1.6 и выше, в конце template.css пропишите

Код
.tip-wrap{
    z-index: 10000;
}
.tip {
   float: left;
   background: #ffc;
   border: 1px solid #D4D5AA;
   padding: 5px;
   max-width: 200px;
}
 
.tip-title {
   padding: 0;
   margin: 0;
   font-size: 100%;
   font-weight: bold;
   margin-top: -15px;
   padding-top: 15px;
   padding-bottom: 5px;
   background: url(../images/selector-arrow.png) no-repeat;
}
 
.tip-text {
   font-size: 100%;
   margin: 0;
}

Вот тут (на басурманском, правда), рассказывается, как создавать свои всплывающие подсказки, с прозрачностью, настройкой их местоположения относительно курсора, итд. Мудрёно немного, но вчера опробовал - всё работает, если разобраться. Там же код для Joomla 1.5

http://docs.joomla.org/How_to_add_tooltips_to_your_Joomla!_website
« Последнее редактирование: 19.02.2012, 20:44:44 от fedragon »
Your flesh is an insult to the perfection of the digital.
*

ven-til

  • Захожу иногда
  • 157
  • 3 / 0
Re: span class="hasTip" title
« Ответ #12 : 17.02.2013, 19:12:53 »
fedragon, спасибо. помогло.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как уменьшить отступ между Title и Components в шаблоне Helix3

Автор artem_wrong

Ответов: 9
Просмотров: 2026
Последний ответ 11.12.2018, 12:46:49
от lexxbry
Присвоить class img для картинок в материалах

Автор mirstiker

Ответов: 2
Просмотров: 1007
Последний ответ 23.09.2015, 10:40:16
от mirstiker
Teaser и Title по центру

Автор Paatrick

Ответов: 3
Просмотров: 828
Последний ответ 01.07.2014, 21:35:46
от Paatrick
Как сделать два разных меню <ul class="nav bar> и <ul class="menu-left">?

Автор Davidich

Ответов: 8
Просмотров: 9365
Последний ответ 20.03.2014, 11:08:44
от master-smeta
Механизм исчезновения тэга span

Автор kurakin

Ответов: 0
Просмотров: 600
Последний ответ 24.10.2013, 15:47:19
от kurakin