Среда , 14 Ноябрь 2018
Home / Vbulletin 4 / Как найти в стиле vbulletin 4 то, что вам нужно отредактировать?
firebug и vbulletin
firebug и vbulletin

Как найти в стиле vbulletin 4 то, что вам нужно отредактировать?

Большое количество людей имеют проблемы с поиском элементов в стиле которые они должны отредактировать, чтобы решить свою проблему. Я видел миллион вопросов связанных с малостью, как увеличить отступ или где поменять то или се. Хотя это все, даже не зная стиля можно найти быстро. Я покажу вам простой способ как найти нужное место в стиле Vbulletin 4. что бы его поправить.

Автор: Алексей Раков


Что нам необходимо для этого?

Я не буду вдаваться в подробности, что лучше, и спорить с приверженцами тех или иных браузеров. Я покажу наглядно 1 пример и все станет понятно. Для того. чтобы нам найти место в css или шаблоне которое необходимо исправить, нам понадобятся или браузер Google chrome или браузер Fierfox. Если в Хроме уже все встроенно и нужно нажать правую кнопку мышки и выбрать пункт «Просмотр кода элемента». То в Фаерфоксе нам нужно будет установить плагин «Firebug». На нем и остановимся. Через меню дополнений устанавливаем себе данный аддон и перегружаем фаерфокс.

Теперь вы можете открыть любую страницу вашего форума и нажать на кнопку внизу браузера. или правую кнопку мышки и выбрать пункт «Inspect Element with Firebug», откроется, что-то типа этого:

firebug и vbulletin
firebug и vbulletin

Если вы на том элементе который хотите изменить нажмете правую кнопку мышки и выберите инспектировать элемент. то вам сразу покажут файлы css которые за это отвечают.

На скриншоте вы можете наблюдать подчеркнутые классы которые используются в нашем примере. Здесь конкретно мы видим класс «.navtabs li a.navtab:hover» который дает нам ключ к поиску этого класса в шаблонах. Конечно правильнее поступить дальше это перейти в управление переменных стиля и искать там классы, но там частенько могут быть несколько таких похожих классов, что усложнит нам поиск.

Если для вас этот путь сложен, то можно просто скопировать класс. который нам показал Firebug и перейти в админку — поиск в шаблонах, и ввести туда наш класс. Это покажет нам при поиске все шаблоны имеющие данные индификаторы. В нашем случае в Vbulletin 4 этот шаблон css называется vbulletin-chrome.css. Нажмите на редактирования шаблона, далее нажмите ctr+f и вставьте в поиск в шаблоне наш клас, и он сразу перейдет к нему.

.navtabs li a.navtab:hover {
    background:{vb:stylevar navbar_tab_selected_background} 0 -{vb:stylevar navbar_tab_selected_top_width}px;
        _background-image:none;
    /*color:{vb:stylevar linkhover_color};*/
    color:{vb:stylevar navbar_tab_linkhover_color};

Еще пример, допустим мы хотим изменить background определенного поля:

В этом примере мы видим. что нам нужно найти класс «.threadbit .alt», чтобы осуществить задуманное. Переходим в редактор переменных стиля, смотрим раздел threadbit и ищем этот класс и вуаля! Но имейте ввиду, какие-то переменные и классы ищутся быстро. а какие-то явно не видны. но главное что направление поиска понятно. и со временем вы все найдете, главное попробовать.

Полезные советы!

Firebug совместим с F12

Вы можете в нем менять все значения css и html на лету, чтобы не лазия в шаблоны увидеть результат.

Можно найти Firebug совместимый и для IE, если вы фанаты.

Рейтинг статьи

0%

Рейтинг

Оцените данный материал!

User Rating: 4.4 ( 1 votes)

About artscripts

Check Also

восстановление vbulletin часть 6

Взломали форум — начинаем восстанавливать (Часть 6)

Настала время заменить все файлы Vbulletin форума новой копией. Для этого скачаем новый zip архив …

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.