Первый контейнер

[ File Path: core/modules/global/aside-left.html ]

Код шаблона

<aside class="aside-left">
    <button class="close_mobNav" type="button"></button>

    <ul class="nav">
        <li><a href="/" id="sub1"><span><i class="ion-ios-home-outline"></i></span>Главная страница</a></li>
        <li><a href="#" id="sub2"><span><i class="ion-android-bulb"></i></span>Новости трекера</a></li>
        <li><a href="#" id="sub3"><span><i class="ion-alert-circled"></i></span>Правила трекера</a></li>
        <li><a href="#!" id="sub4"><span><i class="ion-ios-film-outline lightblue"></i></span>Фильмы / Сериалы<i class="ion-ios-arrow-down"></i></a>
            <ul class="subNav">
                <li><a href="/load/3"><span><i class="ion-android-radio-button-off"></i></span>Биография</a></li>
                <li><a href="/load/4"><span><i class="ion-android-radio-button-off"></i></span>Боевик</a></li>
                <li><a href="/load/5"><span><i class="ion-android-radio-button-off"></i></span>Вестерн</a></li>
                <li><a href="/load/6"><span><i class="ion-android-radio-button-off"></i></span>Военный</a></li>
                <li><a href="/load/7"><span><i class="ion-android-radio-button-off"></i></span>Детектив</a></li>
                <li><a href="/load/8"><span><i class="ion-android-radio-button-off"></i></span>Детский</a></li>
                <li><a href="/load/9"><span><i class="ion-android-radio-button-off"></i></span>Драма</a></li>
                <li><a href="/load/10"><span><i class="ion-android-radio-button-off"></i></span>Исторический</a></li>
                <li><a href="/load/11"><span><i class="ion-android-radio-button-off"></i></span>Комедия</a></li>
                <li><a href="/load/13"><span><i class="ion-android-radio-button-off"></i></span>Криминал</a></li>
                <li><a href="/load/14"><span><i class="ion-android-radio-button-off"></i></span>Мелодрама</a></li>
                <li><a href="/load/15"><span><i class="ion-android-radio-button-off"></i></span>Мистика</a></li>
                <li><a href="/load/16"><span><i class="ion-android-radio-button-off"></i></span>Мюзикл</a></li>
                <li><a href="/load/19"><span><i class="ion-android-radio-button-off"></i></span>Приключения</a></li>
                <li><a href="/load/23"><span><i class="ion-android-radio-button-off"></i></span>Спорт</a></li>
                <li><a href="/load/24"><span><i class="ion-android-radio-button-off"></i></span>Триллер</a></li>
                <li><a href="/load/25"><span><i class="ion-android-radio-button-off"></i></span>Ужасы</a></li>
                <li><a href="/load/26"><span><i class="ion-android-radio-button-off"></i></span>Фантастика</a></li>
                <li><a href="/load/27"><span><i class="ion-android-radio-button-off"></i></span>Фэнтези</a></li>
            </ul>
        </li>
        <li><a href="#!" id="sub5"><span><i class="ion-ios-game-controller-b-outline red"></i></span>Игры<i class="ion-ios-arrow-down"></i></a>
            <ul class="subNav">
                <li><a href="/load/29"><span><i class="ion-android-radio-button-off"></i></span>RPG</a></li>
                <li><a href="/load/30"><span><i class="ion-android-radio-button-off"></i></span>1st Person</a></li>
                <li><a href="/load/31"><span><i class="ion-android-radio-button-off"></i></span>3rd Person</a></li>
                <li><a href="/load/32"><span><i class="ion-android-radio-button-off"></i></span>Adventure</a></li>
                <li><a href="/load/33"><span><i class="ion-android-radio-button-off"></i></span>Аркада</a></li>
                <li><a href="/load/34"><span><i class="ion-android-radio-button-off"></i></span>Action</a></li>
                <li><a href="/load/35"><span><i class="ion-android-radio-button-off"></i></span>Гонки</a></li>
                <li><a href="/load/36"><span><i class="ion-android-radio-button-off"></i></span>Для детей</a></li>
                <li><a href="/load/37"><span><i class="ion-android-radio-button-off"></i></span>Квест</a></li>
                <li><a href="/load/38"><span><i class="ion-android-radio-button-off"></i></span>Логические</a></li>
                <li><a href="/load/39"><span><i class="ion-android-radio-button-off"></i></span>MMORPG</a></li>
                <li><a href="/load/40"><span><i class="ion-android-radio-button-off"></i></span>Поиск предметов</a></li>
                <li><a href="/load/41"><span><i class="ion-android-radio-button-off"></i></span>Симуляторы</a></li>
                <li><a href="/load/42"><span><i class="ion-android-radio-button-off"></i></span>Стратегии</a></li>
                <li><a href="/load/43"><span><i class="ion-android-radio-button-off"></i></span>Stealth</a></li>
                <li><a href="/load/44"><span><i class="ion-android-radio-button-off"></i></span>Файтинг</a></li>
                <li><a href="/load/45"><span><i class="ion-android-radio-button-off"></i></span>PS2</a></li>
                <li><a href="/load/46"><span><i class="ion-android-radio-button-off"></i></span>PS3</a></li>
                <li><a href="/load/47"><span><i class="ion-android-radio-button-off"></i></span>XBOX360</a></li>
            </ul>
        </li>
        <li><a href="#!" id="sub6"><span><i class="ion-music-note green"></i></span>Музыка<i class="ion-ios-arrow-down"></i></a>
            <ul class="subNav">
                <li><a href="/load/49"><span><i class="ion-android-radio-button-off"></i></span>OST</a></li>
                <li><a href="/load/50"><span><i class="ion-android-radio-button-off"></i></span>Alternative</a></li>
                <li><a href="/load/51"><span><i class="ion-android-radio-button-off"></i></span>Drum &amp; Bass</a></li>
                <li><a href="/load/52"><span><i class="ion-android-radio-button-off"></i></span>Electronic</a></li>
                <li><a href="/load/53"><span><i class="ion-android-radio-button-off"></i></span>Folk</a></li>
                <li><a href="/load/54"><span><i class="ion-android-radio-button-off"></i></span>Rap / Hip-Hop</a></li>
                <li><a href="/load/55"><span><i class="ion-android-radio-button-off"></i></span>House</a></li>
                <li><a href="/load/56"><span><i class="ion-android-radio-button-off"></i></span>Jazz</a></li>
                <li><a href="/load/57"><span><i class="ion-android-radio-button-off"></i></span>Metal</a></li>
                <li><a href="/load/58"><span><i class="ion-android-radio-button-off"></i></span>Pop</a></li>
                <li><a href="/load/59"><span><i class="ion-android-radio-button-off"></i></span>Retro</a></li>
                <li><a href="/load/60"><span><i class="ion-android-radio-button-off"></i></span>Rock</a></li>
                <li><a href="/load/61"><span><i class="ion-android-radio-button-off"></i></span>Trance</a></li>
                <li><a href="/load/62"><span><i class="ion-android-radio-button-off"></i></span>Блюз</a></li>
                <li><a href="/load/63"><span><i class="ion-android-radio-button-off"></i></span>Диско</a></li>
                <li><a href="/load/64"><span><i class="ion-android-radio-button-off"></i></span>Классическая</a></li>
                <li><a href="/load/65"><span><i class="ion-android-radio-button-off"></i></span>Шансон</a></li>
            </ul>
        </li>
        <li><a href="#!" id="sub7"><span><i class="ion-social-windows-outline orange"></i></span>Программы / Софт<i class="ion-ios-arrow-down"></i></a>
            <ul class="subNav">
                <li><a href="/load/67"><span><i class="ion-android-radio-button-off"></i></span>Видеокурсы</a></li>
                <li><a href="/load/68"><span><i class="ion-android-radio-button-off"></i></span>Безопасность</a></li>
                <li><a href="/load/69"><span><i class="ion-android-radio-button-off"></i></span>Графика</a></li>
                <li><a href="/load/70"><span><i class="ion-android-radio-button-off"></i></span>КПК</a></li>
                <li><a href="/load/71"><span><i class="ion-android-radio-button-off"></i></span>Сборники</a></li>
                <li><a href="/load/72"><span><i class="ion-android-radio-button-off"></i></span>Плееры</a></li>
                <li><a href="/load/73"><span><i class="ion-android-radio-button-off"></i></span>Portable</a></li>
            </ul>
        </li>
        <li><a href="#!" id="sub8"><span><i class="ion-ios-folder-outline blue"></i></span>Разное<i class="ion-ios-arrow-down"></i></a>
            <ul class="subNav">
                <li><a href="#"><span><i class="ion-android-radio-button-off"></i></span>Подкатегория</a></li>
                <li><a href="#"><span><i class="ion-android-radio-button-off"></i></span>Подкатегория</a></li>
                <li><a href="#"><span><i class="ion-android-radio-button-off"></i></span>Подкатегория</a></li>
                <li><a href="#"><span><i class="ion-android-radio-button-off"></i></span>Подкатегория</a></li>
                <li><a href="#"><span><i class="ion-android-radio-button-off"></i></span>Подкатегория</a></li>
            </ul>
        </li>
    </ul>

</aside>


Примечание

Первый контейнер отвечает за меню навигации по сайту. Оно поддерживает пользовательское запоминание в куках. Это говорит о том, что пользователь выбрав раздел с категориями, при обновлении страницы или при переходе в выбранную категорию, меню запомнит его действие.

Например: Пользователь кликнул по разделу "Игры" и перешел в нужную категорию (например: "Гонки"), соответственно на странице данной категории меню будет раскрыто именно в данном разделе "Игры". Тем самым, пользователю не прийдется повторно кликать и раскрывать этот же раздел для того чтоб выбрать дугую категорию.


Для отслеживания и запоминания активной категории в куках, каждая родительская ссылка должна иметь уникальный id.

Если вам нужно дописать новый раздел с категориями, вам необходимо будет прописать для данного раздела свой уникальный id. В коде эти уникальные id выделены, и имеют следующий вид: sub1, sub2, sub3, sub4 и т.д.


Например:

<li><a href="#" id="sub10"><span><i class="ion-ios-folder-outline"></i></span>Новый раздел</a>
    <ul class="subNav">
        ...
    </ul>
</li>


Цвет иконок разделов в меню

В коде они также выделены. Вы сможете заменить их на другой из данной таблицы.


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