Стиль для списка анонсов записей разных категорий

InstantCMS 2.X
#1 1 апреля 2018 в 22:11
Вечер добрый. Существует ли возможность применить стиль к анонсу записи в списке в зависимости от категории? Например есть две категории, в списке применяется ".content_list_item". Нужно, чтобы у этот стиль был разный у записей разных категорий.
#2 1 апреля 2018 в 22:44
Пример для default_list.tpl.php
Замените
  1.  
  2. <div class="content_list_item <?php echo $ctype['name']; ?>_list_item<?php if (!empty($item['is_vip'])){ ?> is_vip<?php } ?>">
  3.  
на
  1.  
  2. <div class="content_list_item <?php echo $ctype['name']; ?>_list_item<?php if (!empty($item['is_vip'])){ ?> is_vip<?php } ?> category<?php echo $item['category_id']; ?>">
  3.  
Каждая запись получит селектор category6, category9… Обращайтесь в стиле к элементам записи по этоиу селектору.
#3 1 апреля 2018 в 23:13
Олег Васильевич я, сработало! Большое спасибо!
#4 2 апреля 2018 в 14:27
Хорошо бы еще первую (главную) категорию выводить, а то если вложенность большая, выводит только последнюю категорию по вложенности.
#5 2 апреля 2018 в 17:44
laughконечно это можно и стилями решить

  1. .category12::before, .category13::before, .category14::before, .category15::before, .category16::before, .category17::before, .category18::before, .category19::before, .category20::before, .category21::before, .category22::before, .category23::before, .category24::before, .category25::before, .category26::before, .category27::before, .category28::before, .category29::before, .category30::before, .category31::before, .category32::before, .category33::before, .category34::before, .category35::before, .category36::before, .category37::before, .category38::before, .category39::before, .category40::before, .category41::before, .category42::before, .category45::before, .category46::before, .category47::before, .category48::before, .category49::before, .category50::before, .category51::before, .category52::before, .category53::before, .category54::before, .category55::before, .category56::before, .category57::before, .category58::before, .category59::before, .category60::before, .category61::before, .category63::before, .category64::before, .category65::before, .category66::before, .category67::before, .category68::before, .category69::before, .category70::before, .category71::before, .category72::before, .category73::before, .category74::before, .category75::before, .category76::before, .category77::before, .category78::before, .category79::before, .category80::before, .category81::before, .category82::before, .category83::before, .category84::before, .category85::before, .category86::before, .category87::before, .category88::before, .category89::before, .category90::before, .category91::before, .category92::before, .category93::before, .category94::before, .category95::before, .category96::before, .category97::before, .category98::before, .category99::before, .category100::before, .category101::before, .category102::before, .category103::before, .category104::before, .category105::before, .category106::before, .category107::before, .category108::before, .category109::before, .category110::before, .category111::before, .category112::before, .category113::before, .category114::before, .category115::before, .category116::before, .category117::before, .category118::before, .category119::before, .category120::before, .category121::before, .category122::before, .category123::before, .category124::before, .category125::before, .category126::before, .category127::before, .category128::before, .category129::before, .category130::before, .category131::before, .category132::before, .category133::before, .category134::before, .category135::before, .category136::before, .category137::before, .category138::before, .category139::before, .category140::before, .category141::before, .category142::before, .category143::before, .category144::before, .category145::before, .category146::before, .category147::before, .category148::before, .category149::before, .category150::before, .category151::before, .category152::before, .category153::before, .category154::before, .category155::before, .category156::before, .category157::before, .category158::before, .category159::before, .category160::before, .category161::before, .category162::before, .category163::before, .category164::before, .category165::before, .category166::before, .category167::before, .category168::before, .category169::before, .category170::before, .category171::before, .category172::before, .category173::before, .category174::before, .category175::before, .category176::before, .category177::before, .category178::before {content:url("../images/icons/russia.png"); position: absolute; left: 5px; top: 0;}
  2.  
  3. .category180::before, .category181::before, .category182::before, .category183::before, .category184::before, .category185::before, .category186::before, .category187::before, .category188::before, .category189::before, .category190::before, .category191::before, .category192::before, .category193::before, .category194::before, .category195::before, .category196::before, .category197::before, .category198::before, .category199::before, .category200::before, .category201::before, .category202::before, .category203::before, .category204::before, .category205::before, .category206::before, .category207::before, .category208::before, .category209::before, .category210::before, .category211::before, .category212::before, .category213::before, .category214::before, .category215::before, .category216::before, .category217::before, .category218::before, .category219::before, .category220::before, .category221::before, .category222::before, .category223::before, .category224::before, .category225::before, .category226::before {content:url("../images/icons/ukraine.png"); position: absolute; left: 5px; top: 0;}
  4.  
  5. .category228::before, .category229::before, .category230::before, .category231::before, .category232::before, .category233::before, .category234::before, .category235::before, .category236::before, .category237::before, .category238::before, .category239::before, .category240::before, .category241::before, .category242::before, .category243::before, .category244::before, .category245::before, .category246::before, .category247::before {content:url("../images/icons/belarus.png"); position: absolute; left: 5px; top: 0;}
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.