Как поставить одну картинку при выборе нескольких категорий?

вопрос

Здраствуйте всем, у меня такая проблема, есть код:

<style>
.l2anons_block_vip { /* блок с иконкой VIP (вернее тут без иконки) */
	float:left;
	width: 31px;
	height: 20px;
	font-size: 10px;
	font-family: Verdana, Times New Roman, Times, serif;
	text-align: left;
	margin: 0 2px;
	padding: 10px;
	border-right: 1px solid #ccc;
	-webkit-box-shadow: 1px 0px 0px 0px #fff;
	box-shadow: 1px 0px 0px 0px #fff;
	background: url("{category-icon}") no-repeat; 
}
.l2anons_block_vipMinecraft { /* блок с иконкой VIP (вернее тут без иконки) */
	float:left;
	width: 31px;
	height: 20px;
	font-size: 10px;
	font-family: Verdana, Times New Roman, Times, serif;
	text-align: left;
	margin: 0 2px;
	padding: 10px;
	border-right: 1px solid #ccc;
	-webkit-box-shadow: 1px 0px 0px 0px #fff;
	box-shadow: 1px 0px 0px 0px #fff;
	background: url("http://img.nnmuz.com/imgnew/2017/02/05/mine.png") no-repeat; 
}
.l2anons_block_vipLineage2 { /* блок с иконкой VIP (вернее тут без иконки) */
	float:left;
	width: 25px;
	height: 20px;
	font-size: 10px;
	font-family: Verdana, Times New Roman, Times, serif;
	text-align: left;
	margin: 0 1px;
	padding: 10px;
	border-right: 1px solid #ccc;
	-webkit-box-shadow: 1px 0px 0px 0px #fff;
	box-shadow: 1px 0px 0px 0px #fff;
	background: url("http://img.nnmuz.com/imgnew/2017/02/05/Lineage2.png") no-repeat; 
}
.l2anons_block_vipПроекты{ /* блок с иконкой VIP (вернее тут без иконки) */
	float:left;
	width: 31px;
	height: 20px;
	font-size: 10px;
	font-family: Verdana, Times New Roman, Times, serif;
	text-align: left;
	margin: 0 2px;
	padding: 10px;
	border-right: 1px solid #ccc;
	-webkit-box-shadow: 1px 0px 0px 0px #fff;
	box-shadow: 1px 0px 0px 0px #fff;
	background: url("http://img.nnmuz.com/imgnew/2017/02/05/BEZIMENI-1.png") no-repeat; 
}
.l2anons_block_vipRust { /* блок с иконкой VIP (вернее тут без иконки) */
	float:left;
	width: 31px;
	height: 20px;
	font-size: 10px;
	font-family: Verdana, Times New Roman, Times, serif;
	text-align: left;
	margin: 0 2px;
	padding: 10px;
	border-right: 1px solid #ccc;
	-webkit-box-shadow: 1px 0px 0px 0px #fff;
	box-shadow: 1px 0px 0px 0px #fff;
	background: url("http://img.nnmuz.com/imgnew/2017/02/05/rust.png") no-repeat; 
}
.l2anons_block_vipCounter-Strike { /* блок с иконкой VIP (вернее тут без иконки) */
	float:left;
	width: 31px;
	height: 20px;
	font-size: 10px;
	font-family: Verdana, Times New Roman, Times, serif;
	text-align: left;
	margin: 0 2px;
	padding: 10px;
	border-right: 1px solid #ccc;
	-webkit-box-shadow: 1px 0px 0px 0px #fff;
	box-shadow: 1px 0px 0px 0px #fff;
	background: url("http://img.nnmuz.com/imgnew/2017/02/05/cs.png") no-repeat; 
}
.l2anons_block_vipSAMP { /* блок с иконкой VIP (вернее тут без иконки) */
	float:left;
	width: 31px;
	height: 20px;
	font-size: 10px;
	font-family: Verdana, Times New Roman, Times, serif;
	text-align: left;
	margin: 0 2px;
	padding: 10px;
	border-right: 1px solid #ccc;
	-webkit-box-shadow: 1px 0px 0px 0px #fff;
	box-shadow: 1px 0px 0px 0px #fff;
	background: url("http://img.nnmuz.com/imgnew/2017/02/05/samp.png") no-repeat; 
}
.l2anons_block_vipДругое { /* блок с иконкой VIP (вернее тут без иконки) */
	float:left;
	width: 31px;
	height: 20px;
	font-size: 10px;
	font-family: Verdana, Times New Roman, Times, serif;
	text-align: left;
	margin: 0 2px;
	padding: 10px;
	border-right: 1px solid #ccc;
	-webkit-box-shadow: 1px 0px 0px 0px #fff;
	box-shadow: 1px 0px 0px 0px #fff;
	background: url("http://img.nnmuz.com/imgnew/2017/02/05/other41afa.png") no-repeat; 
}
.l2anons_block_vipWorldOfWarcraft { /* блок с иконкой VIP (вернее тут без иконки) */
	float:left;
	width: 31px;
	height: 20px;
	font-size: 10px;
	font-family: Verdana, Times New Roman, Times, serif;
	text-align: left;
	margin: 0 2px;
	padding: 10px;
	border-right: 1px solid #ccc;
	-webkit-box-shadow: 1px 0px 0px 0px #fff;
	box-shadow: 1px 0px 0px 0px #fff;
	background: url("http://img.nnmuz.com/imgnew/2017/02/05/other41afa.png") no-repeat; 
}
</style>
[aviable=main|date|tags|cat]
<div class="l2anons_short_main_block[xfvalue_vip]">
		<div class="l2anons_block_main">
			<div class="l2anons_block_vip{category}"></div>......

Опишу вкратце,есть несколько категорий? Lineage 2, WorldOfWarcraft, CS и др.
При создании какой либо новости название переходит в css

< div class="l2anons_block_vip{category}">

Например вы выбрали тип игры Lineage и собственно используется соответсвтующий css стиль:

.l2anons_block_vipLineage2 { /* блок с иконкой VIP (вернее тут без иконки) */
	float:left;
	width: 25px;
	height: 20px;
	font-size: 10px;
	font-family: Verdana, Times New Roman, Times, serif;
	text-align: left;
	margin: 0 1px;
	padding: 10px;
	border-right: 1px solid #ccc;
	-webkit-box-shadow: 1px 0px 0px 0px #fff;
	box-shadow: 1px 0px 0px 0px #fff;
	background: url("http://img.nnmuz.com/imgnew/2017/02/05/Lineage2.png") no-repeat; 
}

И ставиться иконка игры соответственно.(я пробовал через Custom Icon картинки встают очень криво).
Короче говоря проблема заключается в том что стили работают только если пользователь будет выберет 1 игру, но если он выберет сразу несколько, то картинка не отобразиться (потому что нету соответствующего css стиля, я посчитал, чтобы учесть все случаи выборки игр, мне нужно написать около 7665 стилей, это немного много). Нужно чтобы ставилась одна картинка вне зависимости какие игры были выбраны.

Ответа пока нет

<script> document.addEventListener('DOMContentLoaded', function() { const links = document.querySelectorAll('a#xfield_value'); links.forEach(link => { let href = link.getAttribute('href'); if (href) { href = href.replace(/ /g, '+'); link.setAttribute('href', href); } }); }); </script>

Технический сбой

Как поставить одну картинку при выборе нескольких категорий?

Ответа пока нет

Похожие вопросы

Ярлык оффлайн не на своём месте

Как вывести картинку в shortstory.tpl через background-image

Помогите исправить shortstory.tpl

Кнопка входа DLE

Как убрать картинку из краткой новости

Почему дублируются комментарии на главной странице?

Как настроить всплывающее Dle 11?

Навигация в Thumb, как починить?

Код вставки публикации инстаграм?

Проблема с оптеканием текста внутри полной новости?