Некорректное отображение Категорий

Здравствуйте снова.
На нашем форуме - http://amalirr.my-rpg.com/ категории оформленны следующим образом:

В таблице css:

Пример на картинке:


Но, почему-то, при нахождении в любой категории заголовок всегда один "Западный материк" не важно, в какой я нахожусь в данный момент категории.


Что нужно поправить в css, чтоб отображалось название именно той категории, в которой я нахожусь?

ап

Вопрос все еще актуален и нуждается в решении с Вашей помощью, спасибо.

Вверх

Валькирия Сан, в данном случае CSS считает блоки категорий и присваивает им картинки в соответствии с их порядковым номером на странице. Т.е. раз первому блоку присвоена картинка "Западный материк", то любой первый блок в любом разделе получит картинку "Западный материк".

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

Валькирия Сан, посмотрите вариант отсюда: https://help.forum2x2.ru/t36899-topic#254472

Извините пожалуйста, я не программист и из готового решения не смогла вычленить для себя алгоритм правильных действий. Я так понимаю, из css мне надо будет убрать ссылки на изображения категорий или как? И что добавить в шаблонах? Можно чуть больше конкретики касательно именно моего случая?

если можно, поднимаю тему вверх за более конкретными разъяснениями

Валькирия Сан,
заходите в первую категорию (она западная у вас )
и проделываете так
-заходите в категорию "Западный материк" и вместо названия прописываете

Код:

<span class="mycategory zapad">Западный материк</span>

сохраняете
Заходите в css
-вставляете этот код

Код:

/* картинка в названии категории - общие настройки */

th span.mycategory {
display: block;
background: transparent url(http://illiweb.com/fa/subsilver/empty.gif)no-repeat center;
margin: 0 auto;
padding: 0;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}

-находите этот код

Код:

/* западный материк*/
    .cnt_base:nth-child(1) {
      background: transparent url('http://s013.radikal.ru/i322/1508/4c/9bf97ddf957e.png') no-repeat;
      padding-top: 40px;
    }

и заменяете на этот

Код:

 /* западный материк*/
    th span.mycategory.zapad {
      background: transparent url('http://s013.radikal.ru/i322/1508/4c/9bf97ddf957e.png') no-repeat;
      padding-top: 40px;
    }

Дальше проделываем почти так и со второй категорией(только для каждой категории новое название )
-заходим в 2 категорию и в названии прописываем

Код:

<span class="mycategory vosto">Восточный материк</span>

(как видим для 2 заменили название zapad на vosto так для каждой категории меняем название )
-заходим в css и находим

Код:

/* восточный материк */
    .cnt_base:nth-child(2) {
      background: transparent url('http://s019.radikal.ru/i637/1508/6e/2951cb5ed3ca.png') no-repeat;
      padding-top: 43px;
    }

и заменяем на

Код:

/* восточный материк */
    th span.mycategory.vosto {
      background: transparent url('http://s019.radikal.ru/i637/1508/6e/2951cb5ed3ca.png') no-repeat;
      padding-top: 43px;
    }

и.т..д. со всеми категориями