1. Приветствуем Вас на неофициальном форуме технической поддержки XenForo на русском языке. XenForo - коммерческий форумный движок от бывших создателей vBulletin, написанный на PHP.

1.4.2 Как поменять цвет обрамляющих рамок на некоторых страницах?

Тема в разделе "Вопросы по стилям, изменения в CSS и шаблонах", создана пользователем korikus, 10.11.2014.

Загрузка
  1. korikus

    korikus Местный

    Регистрация:
    22.10.14
    Сообщения:
    59
    Симпатии:
    34
    Версия XF:
    1.4.2
    Приветствую вас!
    Нужна помощь в изменении цвета обрамляющих рамок и линий в стандартном шаблоне.

    Переделываю цвета под себя - практически все сделал, но в некоторых местах никак не могу найти правильное название стилей, которые бы позволили мне произвести необходимые изменения...

    Надеюсь на вашу помощь!

    Вот несколько скриншотов с пояснениями...

    1
    Страница регистрации пользователя:
    Пара горизонтальных линий
    reg.jpg

    2
    Всплывающее окошко с информацией:
    Горизонтальная линия
    podskazka.jpg

    3
    Страница расширенного поиска:
    Горизонтальная линия на каждой из вкладок там присутствующих...
    search.jpg

    4
    Сообщение о том, что тема закрыта:
    Рамка, обрамляющая текст.
    closed.jpg
    Цвет текста вроде нашел: .thread_view. threadAlerts{}
    а вот с рамкой - никак...
     
    korikus, 10.11.2014
    #1
    jidibi нравится это.
  2. Kolya groza morey

    Kolya groza morey Местный

    Регистрация:
    14.06.13
    Сообщения:
    366
    Симпатии:
    118
    Версия XF:
    1.5.9
    Инспектируете элемент фаербагом, находите нужый класс, прописываете правила в extra.css PROFIT
     
    Kolya groza morey, 11.11.2014
    #2
    jidibi нравится это.
  3. korikus

    korikus Местный

    Регистрация:
    22.10.14
    Сообщения:
    59
    Симпатии:
    34
    Версия XF:
    1.4.2
    Это я знаю...
    Но вот именно с этими элементами ничего не получается почему то... к сожалению...
    Я бы не обращался за помощью не попробовав сначала сделать все самостоятельно .
     
    korikus, 11.11.2014
    #3
  4. jidibi

    jidibi Новичок

    Регистрация:
    11.11.14
    Сообщения:
    22
    Симпатии:
    2
    Версия XF:
    1.4.2
    я испытывал на своем тестовом форуме, и изменял в нужном месте цвета в файле XML через notepad++
     
    jidibi, 11.11.2014
    #4
  5. korikus

    korikus Местный

    Регистрация:
    22.10.14
    Сообщения:
    59
    Симпатии:
    34
    Версия XF:
    1.4.2
    Я тоже сперва все на локалке делаю...
    Но вопрос то в том, что именно менять для достижения нужного эффекта?
    Например обрамление сообщения о том, что тема закрыта - есть ли способ произвести изменения непосредственно в настройках стиля в админке?
    Я что то не нашел... Может искал плохо.
     
    korikus, 11.11.2014
    #5
  6. jidibi

    jidibi Новичок

    Регистрация:
    11.11.14
    Сообщения:
    22
    Симпатии:
    2
    Версия XF:
    1.4.2
    выбрать стили, шаблоны, из списка выбрать нужный стиль отредактировать, и сохранить
    27366.png 84756.png
     
    jidibi, 12.11.2014
    #6
  7. korikus

    korikus Местный

    Регистрация:
    22.10.14
    Сообщения:
    59
    Симпатии:
    34
    Версия XF:
    1.4.2
    Конечно же я знаю как менять стили и где они находятся.
    Вопрос в том - какие параметры каких стилей надо изменить для того, чтобы добиться необходимых мне изменений?
    Именно об этом я и спрашивал в первом посте создавая тему.
     
    korikus, 12.11.2014
    #7
  8. jidibi

    jidibi Новичок

    Регистрация:
    11.11.14
    Сообщения:
    22
    Симпатии:
    2
    Версия XF:
    1.4.2
    как писал Kolya groza morey, тебе для этого нужно использоваться дополнением в Мазила Firebug видео по пользованию можешь найти в YouTube или смотреть это видео
     
    jidibi, 12.11.2014
    #8
  9. Romchik®

    Romchik® The Power of Dreams Команда форума

    Регистрация:
    26.09.10
    Сообщения:
    5 746
    Симпатии:
    5 311
    Версия XF:
    1.5.18
    Возможно нужно добавить !important в свойству стиля, т.к. он может идти по порядку перед другим и в этом случае будет просто перезаписан. Это тоже видно в firebug'е, кстати.
     
    Romchik®, 12.11.2014
    #9
    Kolya groza morey и korikus нравится это.
  10. korikus

    korikus Местный

    Регистрация:
    22.10.14
    Сообщения:
    59
    Симпатии:
    34
    Версия XF:
    1.4.2
    jidibi
    Мне вот интересно, зачем писать очевидные вещи?
    Вы думаете, что прежде чем запостить тему я не изучил все темы для новичков?

    Я прекрасно знаю о Файрбаге и как им пользоваться для нахождения элемента на сайте.
    У меня, к сожалению, ничего не получилось с конкретными вещами о которых я написал в первом посте.

    Вот скрин:
    1.jpg
    Как видим, за обрамление отвечает класс "threadAlerts secondaryContent"
    Но применяя к нему стили в файле extra.css ничего не получается.
    Судя по всему я делаю что то не так, а вот что - не знаю.

    Если вы можете дать конкретный код для применения к указанным элементам, что в первом посте - буду премного благодарен...
    Romchik
    Конечно! Почему то в данном конкретном случае я про него забыл.
    Благодарю за наводку!
    Такой код дал обрамление сообщения о закрытой теме:
    Код:
    .threadAlerts {
border: 1px solid red !important;
}
    А вод с "подчеркиванием" - с линией на странице - я даже кода не смог найти и вычлинить его - он там как то глобально к элементам применяется...
     
    korikus, 12.11.2014
    #10
  11. Romchik®

    Romchik® The Power of Dreams Команда форума

    Регистрация:
    26.09.10
    Сообщения:
    5 746
    Симпатии:
    5 311
    Версия XF:
    1.5.18
    Firebug указывает на этот CSS:
    Код:
    .xenForm fieldset + .ctrlUnit,
.xenForm .formGroup + .ctrlUnit,
.xenForm .submitUnit {
  border-top:1px solid #d7edfc;
}
     
    Romchik®, 12.11.2014
    #11
    korikus нравится это.
  12. korikus

    korikus Местный

    Регистрация:
    22.10.14
    Сообщения:
    59
    Симпатии:
    34
    Версия XF:
    1.4.2
    Romchik
    Благодарю еще раз!
    Это решает проблемы с подчеркиванием на страницах.
    Остался пункт 2
    Код стилей, который отвечает за линию подчеркивания во всплывающем окне.

    Сможете носом ткнуть на код отвечающий за это?
     
    korikus, 12.11.2014
    #12
  13. Romchik®

    Romchik® The Power of Dreams Команда форума

    Регистрация:
    26.09.10
    Сообщения:
    5 746
    Симпатии:
    5 311
    Версия XF:
    1.5.18
    А это не часть плагина? Если да, то увы.
     
    Romchik®, 12.11.2014
    #13
  14. korikus

    korikus Местный

    Регистрация:
    22.10.14
    Сообщения:
    59
    Симпатии:
    34
    Версия XF:
    1.4.2
    Нет, это не часть плагина - это стандартное всплывающее окно, которое (к примеру) показывает первое сообщение поста...
    2.jpg

    Я не смог файрбагом достать это окно... даже не представляю какой класс отвечает там за эту линию...
     
    korikus, 12.11.2014
    #14
  15. Romchik®

    Romchik® The Power of Dreams Команда форума

    Регистрация:
    26.09.10
    Сообщения:
    5 746
    Симпатии:
    5 311
    Версия XF:
    1.5.18
    Похоже этот:
    Код:
    .previewTooltip .posterDate {
  border-top:1px solid #XXXXXX;
}
     
    Romchik®, 12.11.2014
    #15
    Kolya groza morey и korikus нравится это.
  16. korikus

    korikus Местный

    Регистрация:
    22.10.14
    Сообщения:
    59
    Симпатии:
    34
    Версия XF:
    1.4.2
    Примите мою искреннюю благодарность!
    Это оно!
    Благодарю вас за помощь!
     
    korikus, 12.11.2014
    #16
    Romchik® нравится это.

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