Jump to content
Invision Community

Режим разработчика в браузере, или "Я не могу найти это в настройках дизайна"


 Share

Доброго времени суток дорогие новички, старички т динозавры IPS4.

Часто я вижу на форуме вопросы типа:
"А вот нету цвета этой кнопки в настройках моей темы, как же быть?"

Все очень просто, пользуемся инструментами разработчика в нашем браузере.

Например, я хочу поменять цвет одного из элементов меню своего форума, естественно этой функции в настройках дизайна нету, а я хочу сделать разделитель другого цвета.
Наводим мышь на нужный элемент и жмем ПКМ, там видим:

Скрытый текст

image.thumb.png.33b82e62ab7829609cb78a0dc827090c.png

 

Называться может по разному (зависит от браузера) может инструмент разработчика, может посмотреть код и тому подобное.

Суть одна просмотр HTML и CSS кодов определенного, выбранного нами элемента. Тут же есть код его нынешнего цвета и выбор нового цвета этого элемента.

 

Скрытый текст

image.thumb.png.0980934ee6c9e12b2d212817ead3fa12.png

 

Когда мы определились с цветом, и увидели что он поменялся в нашем меню, мы понимаем что это то что мы искали. Ниже в соседнем блоке режима разработчика, можно найти:

форму, толщину, цвет фона, много дополнительных свойств которые помогут нам всегда изменить все что мы хотим.

Копируем нужные нам элементы кода, теперь идем в админку в свой шаблон в css и коды, находим там custom.css и вставляем скопированный ранее код.

 

Скрытый текст

image.thumb.png.8123e4525db7ecbfff37914eea844af7.png

image.thumb.png.078201d3e2cdd4cf0e2ec67efc3fc431.png

 

И вот добавив код:

 

Скрытый текст

image.thumb.png.6596009ac279aa1452d1233c7b8c49f0.png

 

Мы видим, наши разделители поменяли цвет на указанный:

 

Скрытый текст

image.thumb.png.ee0e9e582d93e574b99e12fd8ccc1344.png

 

 

  • Like 1
 Share


User Feedback

Recommended Comments

There are no comments to display.

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...

Important Information

Privacy Policy We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.