|
||
Ответить |
|
#1
|
|
Вес репутации:
0
Регистрация: 27.02.2009
Адрес: Москва
Сообщений: 7,302
Сказал(а) спасибо: 578
Спасибок 2,623
в 1,832 сообщениях |
Как редактировать стили в vbulletin 4 -
07.02.2012, 16:19
Новые разработчики JelSoft добавив такую "полезную" штуку, как редактор переменных стиля, наверно и не думали, что у вебмастеров могут возникнуть проблемы с правкой стилей (шаблонов)... Чтож немножко просчитались.
Рассмотрим на базе примера ситуацию изменения элементов стандартного стиля. Для начала нам понадобится браузер FireFox и установленное на нём расширение Firebug - уже есть? Отлично, поехали дальше. Допустим имеем следующее: Высота навигации в navbar и элементов выпадающего меню слишком большая, нужно бы уменьшить: Для этого по проблемному элементу кликаем правой кнопкой мыши, чтобы вызвать дополнительное меню, и выбираем Инспектировать элемент (Inspect Element): Внизу пояявится панелька, где мы увидим исходный html код, всего документа, но увидим только ту часть, которую инспектируем. В правой половине увидим CSS свойства выбранного элемента. Так как у нас проблема с высотой, то и ищем классы в которых есть параметр height (в прочем иногда может на высоту влиять и свойства CSS, такие как: padding, margin) Firebug, хорош тем, что можно налету править html и CSS код и видеть результат. Поправим значение height с 50px, на 26px. И сразу видим изменения. (тут также нужно будет изменить параметр line-height:26px - чтобы выровнять текст по центру, но об этом позже) Итак, мы определились, что нам нужно править класс .navtabs li a (у которого css свойства height нам нужно изменить). Поэтому идем в админку и делаем поиск по шаблонам в том стиле, в котором производим изменения, в данном случае, это default style. Получили три CSS шаблона, нас будет интересовать последний, без приставки ie (это персональные шаблоны для браузера iexplorer - их тоже нужно будет править, если мы будем изменять свойства прямо в этих шаблонах, но в этот раз, мы будем пользоваться возможностями Редактора переменных стиля). Итак двойной клик по шаблону .css и переходим в него: Вот это содержимое шаблона, жмем кнопку Найти наш класс: И находим класс .navtabs li a у которого присутствует параметр height. После двоеточия идет синтаксис vbulletin, в котором говорится, что свойству height присвоена переменная с названием navbar_tab_size, как видим тут же и свойство line-height - которое при этом зависит от значения такой же переменной navbar_tab_size, как и свойство height) И введем значение переменной navbar_tab_size в поле поиска, и ниже сразу отобразится найденный элемент. Жмем по нему мышкой и видим его параметры. Вот это значение height равное 50px Заменяем его на 26px. Сохраняем. <!-- Вопросы задаем на форуме, не в ЛС --> |
#2
|
|
Вес репутации:
0
Регистрация: 06.12.2011
Сообщений: 36
Сказал(а) спасибо: 6
Спасибок 5
в 5 сообщениях |
Re: Как редактировать стили в vbulletin 4 -
06.03.2012, 16:43
Перерыл весь инет но так и не нашёл по этому прошу помощи у вас, проблема в следуйщим:
как убрать надписи т.к. они налазят на кнопки. Пробывал через поиск во фразах но там когда удаляешь эту фразу появляется эта же фраза только на английском (vB 4.1.9) |
#3
|
|
Вес репутации:
0
Регистрация: 27.02.2009
Адрес: Москва
Сообщений: 7,302
Сказал(а) спасибо: 578
Спасибок 2,623
в 1,832 сообщениях |
Re: Как редактировать стили в vbulletin 4 -
06.03.2012, 17:27
искать переменную которую нашли во фразах уже в шаблонах форума
|
#5
|
|
Вес репутации:
0
Регистрация: 18.07.2012
Адрес: Москва
Сообщений: 433
Сказал(а) спасибо: 0
Спасибок 106
в 83 сообщениях |
Re: Как редактировать стили в vbulletin 4 -
28.08.2012, 11:36
Цитата:
Сообщение от ЭПИК
а вот у вас снег на скриншоте, это хак?
|
#6
|
|
Вес репутации:
0
Регистрация: 02.08.2012
Сообщений: 120
Сказал(а) спасибо: 10
Спасибок 10
в 10 сообщениях |
Re: Как редактировать стили в vbulletin 4 -
28.08.2012, 11:40
ЭПИК, Был хак для тройки - vBGSeason. Поищи может и для четверки найдешь.
|
#7
|
|
Вес репутации:
0
Регистрация: 15.05.2012
Сообщений: 26
Сказал(а) спасибо: 28
Спасибок 0
в 0 сообщениях |
Re: Как редактировать стили в vbulletin 4 -
23.02.2013, 15:30
Подскажите вот установил стиль, однако по умолчанию, при вводе адреса сайта загружается обычные стиль, а дополнительный можно выбирать в низу, как сделать так что бы сразу грузился долполнительный стиль?
|
#8
|
|
Re: Как редактировать стили в vbulletin 4 -
23.02.2013, 15:52
salnikvas, мб сделать его основным?
Добавлено через 10 минут Админка, Настройки, Опции, Стили и языки Второй пунк |
|
#9
|
|
Вес репутации:
0
Регистрация: 08.08.2013
Сообщений: 11
Сказал(а) спасибо: 0
Спасибок 0
в 0 сообщениях |
Re: Как редактировать стили в vbulletin 4 -
08.08.2013, 20:19
хм все разжевано и врот положено только проглатить))
|
Ответить |
Опции темы | |
Опции просмотра | |
|
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Инфо Стили для XenForo ( скачать ) | Vector | XenForo | 1 | 14.01.2014 15:30 |
Проблема Ищу стили Stalker и GTA для vb 3.8.x | kirill973245678 | Стили для vBulletin | 4 | 18.10.2012 17:29 |
Проблема Стили для vBulletin 4.1.0 | dinozzo | Стили для vBulletin | 2 | 01.07.2012 15:55 |
Обзор Стили для vBulletin для версий 3.6.х-3.8.х | noname | Стили для vBulletin | 4 | 06.08.2011 16:23 |