Ad Widget

Collapse

Frontend - цвет ссылок

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • Smersh
    Member
    • Jul 2013
    • 49

    #1

    Frontend - цвет ссылок

    Здравствуйте,

    Кто хорошо знает css, подскажите, где в frontend'е можно поменять цвет ссылок в списке триггеров в панели "Последние 20 событий". Тема - darkblue. Невозможно разобрать голубой текст на желтокрасном фоне.

    Если еще подскажите место в main.css, чтобы изменнения касались только вышеуказанной панели, будет от меня огромное спасибо )

    P.S. zabbix-frontend 2.2.2
    Last edited by Smersh; 14-03-2014, 09:21.
  • aib
    Senior Member
    • Jan 2014
    • 1615

    #2
    Создание собственной темы

    отсюда можно найти, что файлы
    Code:
    /usr/share/zabbix/styles/themes/darkorange/main.css
    /usr/share/zabbix/styles/themes/darkblue/main.css
    /usr/share/zabbix/styles/themes/classic/main.css
    /usr/share/zabbix/styles/themes/originalblue/main.css
    содержат таблицу форматирования для разных тем.

    Ну а в каталоге
    Code:
    /usr/share/zabbix/styles
    лежат все остальные темы, использованные по умолчанию
    Sincerely yours,
    Aleksey

    Comment

    • Smersh
      Member
      • Jul 2013
      • 49

      #3
      Originally posted by Smersh
      Кто хорошо знает css...
      Если еще подскажите место в main.css...
      main.css я уже нашел, я не нашел где что менять.

      P.S. Я плохо знаю css. Dreamweaver/HomeSite ставить не охота, да и поможет ли...
      Last edited by Smersh; 17-03-2014, 08:40.

      Comment

      • yukra
        Senior Member
        • Apr 2013
        • 1359

        #4
        Originally posted by Smersh
        да и поможет ли...
        Скорей всего нет.

        1. В фаерфоксе F12 открывает отладочную штуку
        2. Находите кусок который нужно поменять и смотите висят ли на нем какие классы
        3. Смотрите определенны ли эти классы в css, и [пере]определяете их
        4. ...
        5. Прибыль

        Ну или возьмите любую другую, изначально удобную вам тему.

        Comment

        • aib
          Senior Member
          • Jan 2014
          • 1615

          #5
          Originally posted by Smersh
          main.css я уже нашел, я не нашел где что менять.

          P.S. Я плохо знаю css. Dreamweaver/HomeSite ставить не охота, да и поможет ли...
          Code:
          a.highlight { font-size: 10px; font-weight: bold; }
          a.highlight:link, a.highlight:visited { color: #FFFFFF; }
          a.highlight:hover, a.highlight:active { color: #FFCC00; }
          вот эти три строки отвечают за ссылки. все ссылки.
          a.highlight:link - исходный цвет
          a.highlight:visited - посещенная ссылка
          a.highlight:hover, - ссылка под курсором мышки
          a.highlight:active -активная ссылка.

          можете поменять код для пары ссылок, можете разнести все четыре на разные цвета.

          Enjoy!
          Sincerely yours,
          Aleksey

          Comment

          • Smersh
            Member
            • Jul 2013
            • 49

            #6
            Originally posted by aib
            ...
            Благодорю, конечно ) Только, как я уже сам опытным путем нашел, цвет ссылок задается вот этими строками:
            .darkblue .ui-widget-content a { color: #77B7DA; }
            .darkblue .ui-widget-content a:hover { color: #B0D5EC; }

            в файле jquery-ui.css
            Я же вообще хотел изменить цвет ссылок только в одном столбце одной таблицы (имена триггеров в последних событиях), поскольку на фоне цвета важности триггера голубой текст "ломает" глаза. Но как я понял, для этого столбца не определено отдельного класса, а это уже надо куда-то в php лезть (начиная с dashboard.php).

            В общем, простите за беспокойство, тема закрывается за недостатком у топикастера знаний по теме )

            Comment

            • aib
              Senior Member
              • Jan 2014
              • 1615

              #7
              ну или как вариант определять inline стиль для каждой клеточки этой таблички, где хотелось бы поменять цвет.

              но это такой геморрой, с трудом поддерживаемый в будущем, что я бы посоветовал выбрать другой стиль, не такой "готический", и не ломать голову ...
              Sincerely yours,
              Aleksey

              Comment

              • Jimson
                Senior Member
                • Jan 2008
                • 1327

                #8
                Originally posted by Smersh
                Я же вообще хотел изменить цвет ссылок только в одном столбце одной таблицы
                Ваша ссылка с определенным классом находится в столбце, у которого так же есть класс, а тот в свою очередь находится в строке, тоже с каким то классом, все это находится в таблице у которой определены какие то классы, а та, наверняка, находится в div у которого так же есть классы. Вы можете в CSS определить путь к нужному вам объекту для любой вложенности и таким образом описать атрибуты только для нужных вам "объектов".

                P.S. а трогать jquery-ui.css я бы вам не советовал, это так называемая "тема"

                Comment

                • Smersh
                  Member
                  • Jul 2013
                  • 49

                  #9
                  Originally posted by Jimson
                  ...
                  Спасибо! Навели таки на мысль )

                  Вообщем вышло как-то так:
                  Code:
                  #hat_lastiss table.tableinfo td.not_classified a { color: #000000; }
                  #hat_lastiss table.tableinfo td.information a { color: #000000; }
                  #hat_lastiss table.tableinfo td.warning a { color: #000000; }
                  #hat_lastiss table.tableinfo td.average a { color: #000000; }
                  #hat_lastiss table.tableinfo td.warning a { color: #000000; }
                  #hat_lastiss table.tableinfo td.high a { color: #000000; }
                  #hat_lastiss table.tableinfo td.disaster a { color: #000000; }

                  Comment

                  Working...