Код шаблона
<!-- Section Films -->
<div class="section lightblue 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="/load/2"><img src="/images/films_bg.jpg" alt=""></a>
<div class="section_head_title"><i class="ion-ios-film-outline"></i>Фильмы и Сериалы</div>
</div>
<div class="shortstory">
<?if($MYINF_1$)?>
$MYINF_1$
<?else?>
<center><strong>Информер №1</strong> не создан, либо были допущены ошибки для его отображения!</center>
<?endif?>
</div>
</div>
</div>
<!--/ Section Films -->
<!-- Section Games -->
<div class="section red views-2">
<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="/load/28"><img src="/images/games_bg.jpg" alt=""></a>
<div class="section_head_title"><i class="ion-ios-game-controller-b-outline"></i>Игры</div>
</div>
<div class="shortstory">
<?if($MYINF_2$)?>
$MYINF_2$
<?else?>
<center><strong>Информер №2</strong> не создан, либо были допущены ошибки для его отображения!</center>
<?endif?>
</div>
</div>
</div>
<!--/ Section Games -->
<!-- Section Music -->
<div class="section green views-3">
<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="/load/48"><img src="/images/music_bg.jpg" alt=""></a>
<div class="section_head_title"><i class="ion-ios-musical-notes"></i>Музыка</div>
</div>
<div class="shortstory">
<?if($MYINF_3$)?>
$MYINF_3$
<?else?>
<center><strong>Информер №3</strong> не создан, либо были допущены ошибки для его отображения!</center>
<?endif?>
</div>
</div>
</div>
<!--/ Section Music -->
<!-- Section Soft -->
<div class="section orange views-4">
<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="/load/66"><img src="/images/soft_bg.jpg" alt=""></a>
<div class="section_head_title"><i class="ion-ios-musical-notes"></i>Программы / Софт</div>
</div>
<div class="shortstory">
<?if($MYINF_4$)?>
$MYINF_4$
<?else?>
<center><strong>Информер №4</strong> не создан, либо были допущены ошибки для его отображения!</center>
<?endif?>
</div>
</div>
</div>
<!--/ Section Soft -->
<!-- Section Other -->
<!--
<div class="section blue views-5">
<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="shortstory">
ТУТ ИНФОРМЕР
</div>
</div>
</div>
-->
<!--/ Section Other -->
<!-- Section pagination -->
<div class="section">
<div class="bg_white">
<div class="shortstory">
<div class="pagination"><a href="/load/" class="btn">Смотреть все торренты</a></div>
</div>
</div>
</div>
<!--/ Section pagination -->
Примечание
Все секции материалов разделены и имеют свою цветовую гамму. В коде они выделены синим цветом.
lightblue | Секция с светло-синей цветовой гаммой |
blue | Секция с синей цветовой гаммой |
red | Секция с красной цветовой гаммой |
green | Секция с зеленой цветовой гаммой |
orange | Секция с оранжевой цветовой гаммой |
views-1 , views-2 , views-3 , views-4 , views-5 | Уникальный класс для разделов (максимум - 5). Служит для сохранения выбранного вида материалов отдельной секции у пользователя в куках. В коде они выделены зеленым цветом в каждой секции рядом с классом цветовой гаммы. |