DLE — аккаунт пользователя через выпадающее меню

Веб разработка » CMS DLE

Убираем меню пользователей DLE из сайдбара и помещаем его в горизонтальное меню с выпадающими вниз пунктами. Для подключения понадобится два сторонних скрипта и правки в файлах шаблона.

Подключение

Скачать файлы ниже, загрузить в папку с шаблоном и подключить в шаблоне следующим кодом:

<link rel="stylesheet" type="text/css" href="{THEME}/css/hmenu.css" />
<script type="text/javascript" src="{THEME}/js/hmenu.js"></script>

Меню для аккаунта

Открываем {THEME}/main.tpl и в том месте, где будет отображаться горизонтальное меню вставляем следующую разметку:

<div class="horizontalcssmenu">
    <ul id="cssmenu1">
        <li><a href="#">menu item</a></li>
        <li><a href="#">menu item</a></li>
        <li><a href="#">menu item</a></li>
        <li><a href="#">menu item</a></li>
        <li><a href="#">menu item</a></li>
 
        <li><a href="#">Аккаунт</a>
               <ul><li>{login}</li></ul>
        </li>
    </ul>
</div>

CSS и кастомизация

Файл стилей мы подключали ранее и находится он в отдельном файле. Для изменения дизайна меню редактировать необходимо именно его.