Перейти к содержанию
  • Как узнать, какой класс CSS отвечает за тот или иной объект


    SUAMF

    И так, как определить,  какой   класс   отвечает   за  нужный вам элемент (не только IPB)?

    Для этого нам понадобятся:

    • Браузер с функцией определения исходного кода (Google Chrome, т.к. только он может опредилить  CSS )
    • Открытая админка вашего форума на вкладке "Внешний Вид >> Ваш стиль >>  CSS  >> ipb_styles. css *
    • Работающая кнопка F5

    Как только всё это готово, приступаем:

    Шаг 1
    Открываем страницу с нужным нам элементом, наводим курсор на нужный нам элемент.

    Шаг 2
    Жмём ПКМ >> Просмотр Кода Элемента. 

    Шаг 3
    В правой части открывшегося окошечка мы наблюдаем  CSS , в левой - HTML. 

    Шаг 4
    Находим название  класса , которое в 99,9% случаев начинается с символа "точка" / .
    В нахождении нужного класса ориентируемся на цвет / фон объекта, находя подобный цвет / фон в классах справа. 

    Шаг 5
    Переходим в админку, пользуемся поиском Google Chrome, не АЦ!!! Вызывается "Сtrl+F". Ищем название полученного вами  класса . 

    Шаг 6
    Если поиск возвращает больше 1 результата, смотрим их всех, пролистывая кнопками в окошечке поиска. Находим результат, код под которым максимально похож на то, что мы увидели в Developer Tools в Google Chrome.

    Шаг 7
    Профит! Мы нашли кусок  CSS , который  отвечает   за  нужный Вам элемент. Если не получается, пишите мне 

    Примечание:
    * - Если нужный вам объект специфичен, и встречается только в одном из приложений  или  хуков (Nexus, Gallery, Downloads), то открывать нужно  CSS-файл  этого элемента, а не ipb_styles. css .

    Всем спасибо  за  внимание, удачи в кодинге! Надеюсь, многим помог.


    Обратная связь

    Рекомендуемые комментарии

    Комментариев нет



    Присоединяйтесь к обсуждению

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

    Гость
    Добавить комментарий...

    ×   Вставлено с форматированием.   Вставить как обычный текст

      Разрешено использовать не более 75 эмодзи.

    ×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

    ×   Ваш предыдущий контент был восстановлен.   Очистить редактор

    ×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.


×
×
  • Создать...