У каждой категории индивидуальная шапка

[nickostyle]

Вообще, всё просто до безобразия.

 

Итак, идём в Админцентр / Управление шаблонами / Ваш скин / Edit Root Skin Template HTML

 

Board Index / CatHeader_Expanded

 

Находим там:

<div class="maintitlecollapse">

 

И заменяем на:

<div class="maintitlecollapse{$data['id']}">

 

Находим:

<div class="maintitle">

 

И заменяем на:

<div class="maintitle{$data['id']}">

 

Теперь немного объяснений. По умолчанию за шапки категорий отвечает класс maintitle. И для всех категорий он одинаковый. У каждой категории есть свой ID, то есть порядковый номер, который определяет её в базе. Узнать ID категории вы можете, наведя курсор мыши на её название. У вас появится ссылка вида: http://site.ru/forums/index.php?showforum=1. В данном примере ID категории 1. Переменная, определяющая ID категории выглядит так: {$data['id']}. Мы подставили её к классу maintitle. То есть, теперь получается, что maintitle категорий определяется так: общий класс maintitle + индивидуальный номер категории. Это позволяет для каждой категории выбрать отдельный maintitle. Теперь рассмотрим, как же записать это в css.

 

Следуя формуле maintitle+ID категории, класс для каждой категории будет выглядеть так:

.maintitleID,
.maintitlecollapseID
{
background: transparent url(<#IMG_DIR#>/ваша_картинка.gif);
border: 1px solid #FFF;
border-bottom: 1px solid #5176B5;
color: #FFF;
font-size: 12px;
font-weight: bold;
padding: 8px;
}

 

---------------

 

Предположим, для категории с ID 5 вам нужно установить индивидуальный фон в шапке. Вот как будет выглядеть это в css.

 

.maintitle5,
.maintitlecollapse5
{
background: transparent url(<#IMG_DIR#>/Ваша_картинка.gif);
border: 1px solid #FFF;
border-bottom: 1px solid #5176B5;
color: #FFF;
font-size: 12px;
font-weight: bold;
padding: 8px;
}

 

Ну и так далее.

 

Как будет выглядеть полный код css для категории с ID 8:

.borderwrap h3,
.maintitle8,
.maintitlecollapse8
{
background: transparent url(<#IMG_DIR#>/ВАШ_ФОН.gif);
border: 1px solid #FFF;
border-bottom: 1px solid #5176B5;
color: #FFF;
font-size: 12px;
font-weight: bold;
padding: 8px;
}

.maintitlecollapse8
{
border: 1px solid #FFF;
}

.maintitle8 p,
.maintitlecollapse8 p,
.formsubtitle8 p
{
background: transparent !important;
border: 0 !important;
margin: 0 !important;
padding: 0 !important;
}

.maintitle8 p.expand,
.maintitle8 p.goto,
.maintitlecollapse8 p.expand,
.formsubtitle8 p.members
{
float: right;
width: auto !important;
}

.maintitle8 a:link,
.maintitle8 a:visited,
.maintitlecollapse8 a:link,
.maintitlecollapse8 a:visited
{
background: transparent;
color: #FFF;
text-decoration: none;
}

.maintitle8 a:hover,
.maintitle8 a:active,
.maintitlecollapse8 a:hover,
.maintitlecollapse8 a:active
{
background: transparent;
color: #F1F1F1;
}

 

 

Таким образом, каждой категории вы можете присвоить отдельный класс с индивидуальными параметрами.

 

Один минус. Если вы уже начали так делать, то теперь придётся для каждой категории прописывать отдельную группу классов, в рез-тате чего объём вашей css заметно увеличится.

[replicant]

Интересное решение, но слишком тяжел CSS на выходе, когда категорий около 10-15.

[Asmodey]

А в 1.3 Переменная, определяющая ID категории выглядит также? {$data['id']}

[Asmodey]

nickostyle, Будет ли этот мод работать в 1.3?

[nickostyle]

Asmodey, без понятия, не работал с 1.3.

[Blydliviy]

Спасибо, но это работает только в firefox. Не знаете как можно исправить проблему?

 

UPD> Хотя нет, заработало. Извините.

[foolly]

Кто нибудь, сделайте скриншоты, хочу посмотреть что получится

[DerSpinner]

на 2.3.5 теоритически будет пахать?

понимаю что проще самому проверить, но вдруг можно сделать проще или чуть по дргому=)

заранее данкэ

 

и как понимаю, если нужно для нескольких, то можно через "запятую" перечислить же:?

[Al-ex]

Поддерживаю вопрос - с какими версиями совместимо?

[Sannis]

Со всеми.

 

P.S. Только перечитайте первый пост внимательно, это не для лого форума, а для оформления шапки категорий на главной странице.