Страница со списком материалов категории

[ File Path: core/modules/load/category.html ]

Примечание

Обратите внимание на выделенные классы и значения в условных операторах разными цветами.


Синим цветом выделены классы отвечающие за цветовую гамму материала.


Красным цветом выделены URL именно самих разделов к которым уже относятся разные категории (без имени домена). У вас эти URL будут другими!

Где например, в <?if($SECTION_URL$='/load/filmy_i_serialy/2')?> — это URL раздела (в данном примере - это раздел "Фильмы и Сериалы").



Цветовая гамма

lightblue Светло-синий
blue Синий
red Красный
green Зеленый
orange Оранжевый


Код шаблона

<!--[if lt IE 7]><html lang="ru" class="lt-ie9 lt-ie8 lt-ie7"><![endif]-->
<!--[if IE 7]><html lang="ru" class="lt-ie9 lt-ie8"><![endif]-->
<!--[if IE 8]><html lang="ru" class="lt-ie9"><![endif]-->
<!--[if gt IE 8]><!-->
<html lang="ru">
    <!--<![endif]-->
    <head>
        <title>$CAT_NAME$ <?if($SECTION_NAME$)?>- $SECTION_NAME$<?endif?> - $MODULE_NAME$ - $SITE_NAME$</title>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="keywords" content="">
        <meta name="description" content="">
        <meta name="robots" content="">
        <link rel="icon" href="/favicon.png" type="image/x-icon">
        <link rel="shortcut icon" href="/favicon.png" type="image/x-icon">
        <link rel="stylesheet" href="/css/normalize.css">
        <link rel="stylesheet" href="/css/components.css">
        <link rel="stylesheet" href="/css/fonts.css">
        <link rel="stylesheet" href="/css/ionicons.min.css">
        <link rel="stylesheet" href="/css/dropdown.min.css">
        <link rel="stylesheet" href="/css/chart.css" />
        <link rel="stylesheet" href="/css/style.css">
        <link rel="stylesheet" href="/css/media.css">
        <!--[if lt IE 9]>
<script src="/js/html5shiv.min.js"></script>
<script src="/js/respond.min.js"></script>
<![endif]-->
    </head>
    <body>
        $ADMIN_BAR$
        <div class="container">
            $GLOBAL_AHEADER$

            <!-- <middle> -->
            <div class="middle">

                $GLOBAL_CLEFTER$

                <div class="contentBl">

                    <!-- <body> -->

                    <!-- Section Films -->
                    <div class="section <?if($SECTION_URL$='/load/filmy_i_serialy/2')?>lightblue<?endif?> <?if($SECTION_URL$='/load/igry/28')?>red<?endif?> <?if($SECTION_URL$='/load/muzyka/48')?>green<?endif?> <?if($SECTION_URL$='/load/programmy_soft/66')?>orange<?endif?> <?if($SECTION_URL$='/load/programmy_soft/74')?>blue<?endif?> views-1">

                        <div class="select_views">
                            <ul class="grid-list">
                                <li>Вид материалов:</li>
                                <li class="icon active" id="grid"><i class="ion-ios-keypad-outline"></i></li>
                                <li class="icon" id="list"><i class="ion-ios-browsers-outline"></i></li>
                                <li class="icon" id="list-no-img"><i class="ion-ios-list-outline"></i></li>
                            </ul>
                        </div>
                        <div class="bg_white">
                            <div class="section_head">
                                <a href="#"><img src="/images/default_bg.jpg" alt=""></a>
                                <div class="section_head_title"><img src="/images/torrent_icn.png" alt="">$CAT_NAME$</div>
                            </div>
                            <div class="shortstory category">
                                $BODY$
                            </div>
                        </div>
                    </div>
                    <!--/ Section Films -->

                    <!-- Section pagination -->
                    <?if($PAGE_SELECTOR$)?>
                    <div class="section">
                        <div class="bg_white">
                            <div class="shortstory">
                                <div align="center">
                                    $PAGE_SELECTOR$
                                </div>
                            </div>
                        </div>
                    </div>
                    <?endif?>
                    <!--/ Section pagination -->
                    <!-- </body> -->
                </div>

                $GLOBAL_DRIGHTER$
            </div>
            <!-- </middle> -->

            $GLOBAL_BFOOTER$
        </div>

        <script src="/js/jquery.cookie.min.js"></script>
        <script src="/js/chart.js"></script>
        <script src="/js/dropdown.min.js"></script>
        <script src="/js/common.js"></script>
    </body>
</html>