Jump to content

Как узнать, какой класс CSS отвечает за тот или иной объект

И так, как определить,  какой   класс   отвечает   за  нужный вам элемент (не только 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 .

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

User Feedback

Recommended Comments

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

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.


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