vBulletin:Стили и их настройка в 3.x.x
Материал из CSI
[править] Я скачал архив со стилем, как этот стиль установить на форум? И как заменить логотип вверху форума на свой?
Это общее описание установки стиля! С каждым стилем поставляется документация по установке. Читайте именно её!
Имеющийся архив необходимо распаковать в одну из папок на вашем компьютере.
В распакованном архиве вы найдёте папку, которая будет называться так же, как и сам стиль (или похоже). Допустим, наш стиль называется superskin+, тогда эта папка будет иметь название superskin+ или, например, просто superskin. Внутри неё будут подпапки с такими же названиями, как и соответствующие подпапки в папке images форума, то есть buttons, misc, statusicon и т. д. То есть в этой папке содержится графическое содержание стиля.
Программное же содержание стиля содержится в специальном файле, который опять же будет называться также, как и сам стиль, и иметь расширение .xml, вы тоже найдёте его в архиве. Например, для нашего гипотетического стиля он будет иметь название superskin.xml или похожее.
Ещё архив может содержать файлы с расширением .psd, это файлы для графического редактора Adobe Photoshop. При установке стиля они не играют никакой роли и предназначены для рисования русскоязычных кнопок и логотипа форума или изменения их вида на свой вкус.
Итак, с содержанием архива мы разобрались, приступаем непосредственно к установке стиля. Закачайте папку стиля в папку images форума, то есть в нашем случае по пути http://www.ваш_сайт.ru/forum/images/superskin. После этого войдите в админпанель и выберите следующие пункты:
- для русской версии:
Админпанель > Стили и шаблоны > Сохранить/загрузить стили
- для английской версии:
AdminCP > Styles & Templates > Download / Upload Styles
На открывшейся странице вы увидите окно Импортировать XML файл стиля (Import Style XML File). Заполните его вашими данными, настройки имеют следующее значение:
- ЛЮБОЙ XML файл, загружаемый с вашего компьютера (EITHER upload the XML file from your computer) — нажмите кнопку «Обзор» и выберите на своём компьютере xml-файл устанавливаемого стиля (в нашем случае superskin.xml).
- Или импортировать XML файл с вашего сервера (OR import the XML file from your server) — этот пункт используется в том случае, если xml-файл стиля хранится не на вашем компьютере, а на сервере. Здесь нужно указать абсолютный или относительный путь к файлу. В нашем случае этот пункт не используется.
- Слияние со стилем (Merge Into Style) — этот пункт позволяет сделать гибрид из двух стилей. В некоторых случаях это может быть полезным, но нам сейчас не до экспериментов, поэтому выбираем значение (Создать новый стиль)(Create New Style).
- Игнорировать версию стиля — этот пункт позволяет разрешить установку стиля, даже если он разработан для другой версии форума. Дело в том, что форумные движки в пределах одной линейки (3.0.x, 3.5.x, 3.6.x и т. д.) отличаются друг от друга крайне незначительно и, например, стиль от более ранней версии форума можно с успехом установить на форум более поздней версии. Но движок тщательно следит за соответствием версий стиля и форума и не позволит загрузить неподходящий, с его точки зрения, стиль, если не установить в данном пункте значение Да.
- Название для загруженного стиля (Title for Uploaded Style) — загружаемый xml-файл сам даст название стилю, но оно может быть не очень красивым. Например, в нашем случае он может иметь название superskin+. В этом пункте вы можете установить своё название для загружаемого стиля, например, MySuperSkin.
- Родительский стиль (Parent Style) — позволяет сделать стиль дочерним по отношению к указанному, при этом из родительского стиля будут использоваться настройки и шаблоны. Нам это не нужно, поэтому оставляем значение Нет родительского стиля (No Parent Style).
- Порядок отображения по (Display Order) — порядковый номер стиля в списке уже имеющихся на форуме. Если у вас не установлено больше никаких стилей, то поставьте цифру 2 (под номером 1 идёт стиль по умолчанию).
- Разрешить выбор пользователей (Allow User Selection) — если оставить значение Да (Yes), то внизу страницы форума появится раскрывающийся список, в котором пользователи смогут выбрать и применить понравившийся стиль. Установка значения Нет (No) не позволит им делать этого, стиль форума станет неизменяемым и единым для всех пользователей.
Теперь нажмите кнопку «Импорт» («Import»). Произойдёт загрузка файла. Теперь откройте страницу форума и посмотрите, как отображается установленный стиль. Если графика не показывается, то в админпанели выберите следующие пункты:
- для русской версии:
Админпанель > Стили и шаблоны > Управление стилями > Все опции стиля (в нашем случае стиля MySuperSkin) > Вперед
- для английской версии:
AdminCP > Styles & Templates > Style Manager > All Style Options > Go
На открывшейся странице найдите раздел Директория изображений (Image Paths) и посмотрите правильный путь для папки со стилем, куда её и перезагрузите (в различных стилях папка с изображениями иногда должна находиться в папке images/styles (если её нет, то создайте, то есть загрузите папку со стилем по пути http://www.ваш_сайт.ru/forum/images/styles/superskin) или даже в самой папке forum).
На этом установку стиля можно считать законченной. Чтобы заменить логотип вверху форума на свой или заменить английские кнопки на русские, то просто замените соответствующие графические файлы в папке со стилем. Файл логотипа хранится в папке misc, а файлы кнопок — в папке buttons.
[править] У меня на главной странице таблица разделов поломалась! В стандартном стиле всё работает, а в новых нестандартных стилях присутствует такой баг. В чём же проблема?
Проблема в том, что скорее всего, вы не правильно создали разделы. Стандартный стиль к этому относится снисходительно, а вот новые нестандартные стили этого не любят. Разделы должны быть в категориях:
Категория 1 Раздел 1 Раздел 2 Категория 2 Раздел 1 Раздел 2 Раздел 3 Раздел 4 Категория 3 Раздел 1 Раздел 2 Раздел 3
[править] Как сделать форум шире?
Для этого нужно:
Админпанель > Стили и шаблоны > Управление стилями > Переменные стиля > Вперед
Основная ширина таблиц (в пикселях или процентах) выставить в 100 %, если стиль это позволяет.
[править] Как поменять логотип в шапке форума?
Админпанель > Стили и шаблоны > Управление стилями > (выбираем стиль) > (Выпадающее меню справа) Переменные стиля > Изображение заголовка
В настройке Изображение заголовка вводим свой путь к логотипу в шапке форума.
[править] Как мне вставить рекламный баннер внизу (или вверху) форума?
Для начала залейте графический файл баннера в одну из папок своего сайта (если баннер ваш) или получите код баннера (если баннер чужой). Допустим, баннер ваш, он назван banner.gif, имеет размеры 468x60 и залит в папку http://www.ваш_сайт.ru/banners/. Для начала мы напишем код, отображающий наш баннер:
<a href="http://www.рекламируемый_сайт.ru"><img src="http://www.ваш_сайт.ru/banners/banner.gif" width="468" height="60" alt="текстовая_замена_баннеру" border="0"></a>В случае, если баннер чужой и вам дали его код, то этот код будет выглядеть так же. Единственное отличие: так как баннер залит на чужой сервер (как правило, сервер того сайта, который рекламируется), то вышеуказанный код примет примерно такой вид:
<a href="http://www.рекламируемый_сайт.ru"><img src="http://www.рекламируемый_сайт.ru/banners/banner.gif" width="468" height="60" alt="текстовая_замена_баннеру" border="0"></a>Чтобы баннер отображался по центру страницы, необходимо вставить его код в табличный блок с форматированием по центру, например, так:
<!--Banners--> <table align="center" valign="middle"> <tr align="center" valign="middle"> <td><a href="http://www.рекламируемый_сайт.ru"><img src="http://www.ваш_сайт.ru/banners/banner.gif" width="468" height="60" alt="текстовая_замена_баннеру" border="0"></a></td> </tr> </table> <!--/Banners-->
Ещё одно преимущество табличного оформления кода баннера в том, что последующие баннеры можно будет легко добавлять на страницу, вставляя их код как новые ячейки нашей таблицы (которые формируются тегами <td>…</td>). Код баннера готов, пора переходить к его размещению. Для этого в админпанели выберите пункт:
- для русской версии:
Админпанель > Стили и шаблоны > Управление стилями > Редактировать шаблоны > Вперед
- для английской версии:
AdminCP > Styles & Templates > Style Manager > Edit Templates > Go
Теперь, если нам нужно вставить баннер внизу страницы, откройте шаблон footer, а если вверху — шаблон header. Эти шаблоны отвечают за отображение нижней и верхней части форума соответственно. Если вы плохо знаете html и не знаете, в какое место шаблонов нужно вставить код баннера и боитесь их испортить, то вставьте в самое начало и того, и другого шаблона. Вот и всё, теперь вы можете посмотреть, как отображается баннер на страницах вашего форума.
