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

Discussion in 'Внешний вид, шаблоны, графика' started by cod, Jul 25, 2012.

  1. Offline

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

    Joined:
    Jul 25, 2012
    Messages:
    2
    Likes Received:
    0
    Gender:
    Male
    Здравствуйте, товарищи!
    Такая ситуация. Делаю страничку для добавления материала на сайте, зарегистрировавшимся пользователем. То есть компонент 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пециалист <=

    Joined:
    Aug 16, 2008
    Messages:
    1,627
    Likes Received:
    219
    Gender:
    Male
    Не совсем так. За стиль всплывающей подсказки отвечает класс tip-wrap.

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

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

    Joined:
    Jul 25, 2012
    Messages:
    2
    Likes Received:
    0
    Gender:
    Male
    Добавил в 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пециалист <=

    Joined:
    Aug 16, 2008
    Messages:
    1,627
    Likes Received:
    219
    Gender:
    Male
    Вы просто не то смотрите.

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

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

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

    Attached Files:

  6. Offline

    Sunder Модератор

    Joined:
    Apr 23, 2007
    Messages:
    152
    Likes Received:
    16
    Gender:
    Male
    Как вариант, где-то все-таки заданы стили для всплывающих подсказок. Через Firebug или инспектор элементов посмотрите какие стили используются и из какого файла берутся (там пишется). Без видимого кода тяжело копаться в сайтах, ибо у каждого сделано по-своему :)
     

Share This Page

Loading...