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 и кастомизация

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

Похожие записи

Полный гайд по миграции с CMS DLE на WordPress
Данный сайт в апреле 2019 года полностью переехал на CMS WordPress и в июне, после завершения всех правок (а их...
DLE – быстрый переезд на хостинг не используя инсталятор
Установка движка DLE на хостинг происходит через специальный файл — инсталятор, в котором необходимо заполнить все поля (имя базы данных,...
DLE — монетизируем загруженные в новостях файлы через отдельный домен
Как много у вас загруженных файлов (приложений к постам) не считая картинок? У меня много и придумал способ их монетизировать!...
DLE – мой первый модуль, как написать свой модуль Datalife Engine
Как ни пытался уйти с DLE из-за того, что он платный, а на рынке существует куча бесплатных аналогов, не получается...
DLE на HTTPS – основные проблемы и их решение
Столкнулся с рядом проблем, когда наконец-то решился перебраться на https. Не появлялись некоторые картинки, видео, а в адресной строке писалось,...

Добавить комментарий