стиль всплывающей подсказки

Тема в разделе "Внешний вид, шаблоны, графика", создана пользователем cod, 25.07.2012.

  1. Offline

    cod Недавно здесь

    Регистрация:
    25.07.2012
    Сообщения:
    2
    Симпатии:
    0
    Пол:
    Мужской
    Здравствуйте, товарищи!
    Такая ситуация. Делаю страничку для добавления материала на сайте, зарегистрировавшимся пользователем. То есть компонент com_content view=form layoy=edit.
    Там есть элементы <label> - названия полей формы (типа "Заголовок", "Псевдоним автора" и прочее).
    У элементов label есть атрибут title - всплывающая подсказка.
    Проблема в том, что подсказка отображается неподходящим мне шрифтом и с неподходящим мне фоном. Стиль её форматирования отличается от "стандартного".
    Я выяснил что этот особенный стиль обусловлен тем, что label имеет класс hasTip (<label class="hasTip">). То есть класс hasTip содержит стиль подсказок.

    Теперь вопрос: Как мне изменить стиль оформления подсказки? Я не смог найти css-файл где задан этот класс hasTip, не знаю какие параметры надо указать если определять класс hasTip.
    если я пишу в свой css-файл , например так:
    .hasTip {
    color:red;
    }
    То красным у меня становится весь label, а мне надо только подсказку изменить.
     
  2.  
  3. DKraev
    Offline

    DKraev <i>(aka gft)</i> => Cпециалист <=

    Регистрация:
    16.08.2008
    Сообщения:
    1 627
    Симпатии:
    219
    Пол:
    Мужской
    Не совсем так. За стиль всплывающей подсказки отвечает класс tip-wrap.

    Соответственно
    Код (html):
    1. .tip-wrap {
    2. color:red;
    3. }
     
  4. Offline

    cod Недавно здесь

    Регистрация:
    25.07.2012
    Сообщения:
    2
    Симпатии:
    0
    Пол:
    Мужской
    Добавил в CSS-файл строки
    ".tip-wrap {
    color:red;
    }"
    - подсказка не стала красной.
    Да и это логично, что не стала.
    Вот HTML-код элемента label
    Код (html):
    1. <label id="jform_title-lbl" for="jform_title" class="hasTip required" title="Заголовок::Заголовок материала">

    ничего про класс tip-wrap не написано.
    Если же создать свой label и указать ему класс hasTip, то подсказка меняет стиль.
     
  5. DKraev
    Offline

    DKraev <i>(aka gft)</i> => Cпециалист <=

    Регистрация:
    16.08.2008
    Сообщения:
    1 627
    Симпатии:
    219
    Пол:
    Мужской
    Вы просто не то смотрите.

    Демо сайт Joomla - http://demo17.cloudaccess.net/
    Вводим логин и пароль demo
    Переходим на страницу добавления материала

    Наводим курсор на label и смотрим Firebug/ Что видим - во вложении.
    Попробуйте использовать класс .tip-text

    Может у Вас использованы другие классы. Дайте ссылку на сайт.
     

    Вложения:

  6. Offline

    Sunder Модератор

    Регистрация:
    23.04.2007
    Сообщения:
    152
    Симпатии:
    16
    Пол:
    Мужской
    Как вариант, где-то все-таки заданы стили для всплывающих подсказок. Через Firebug или инспектор элементов посмотрите какие стили используются и из какого файла берутся (там пишется). Без видимого кода тяжело копаться в сайтах, ибо у каждого сделано по-своему :)
     

Поделиться этой страницей

Загрузка...