Как сделать такой вид новостей

перед /body нужно - https://disk.yandex.ru/i/gX8-HhEvwu31EQ

сохрани код в XML и загрузи его через плагины. изображение меняй на своё. и отступ если нужен - то в /engine/skins/stylesheets/application.css в body измени margin: 0 на свой отступ по краям.
ссылку на JS скрипт можешь поменять на свою, добавил с cdnjs клаудфларе.

Не помогло

добавляй подключение js файла своего после после js_files (после подключения jquery):

[* код взят из DLE 18.0 *]

создай плагин XML c кодом и загрузи через плагины в админке

Проверено на DLE 18.0. В fullstory.tpl использовать так:

[leech][xfvalue_links][/leech]
либо через href.li
[leech]https://href.li/?[xfvalue_links][/leech]
полный пример
<a href="[leech]https://href.li/?[xfvalue_links][/leech]" target="_blank" rel="noopener noreferrer">

PS код не помню где нашёл, но когда мне нужно было такое сделать - решил вопрос кодом выше.

Димон,где это меняется,извините за такие вопросы я в этом деле новичек(

Попробуйте autoOpen: true изменить на autoOpen:false

[not-group=5]
<a class="sec-btn" href="#" onclick="show_modal_dle();"><i class="fa fa-user-circle-o"></i></a>
<div id="div_modal_dle" title="Кабинет - {login}" style="display:none;">
<div class="mb-3 text-center">
<a href="{profile-link}"><img src="/templates/newfaq/dleimages/noavatar.png" class="w-25 fs-14 rounded-circle mb-2"></a>
<div><a href="{profile-link}" class="text-dark fw-bold">{login}</a></div>

<div>{group}</div>
</div>
<div class="row">
[admin-link]<div class="col-md-12 mb-2"><a href="{admin-link}" class="sec-btn w-100">Админпанель</a></div>[/admin-link]
<div class="col-md-6 mb-2"><a href="{addnews-link}" class="sec-btn w-100">Добавить пост</a></div>
<div class="col-md-6 mb-2"><a href="{profile-link}" class="sec-btn w-100">Мой профиль</a></div>
<div class="col-md-6 mb-2"><a href="{pm-link}" class="sec-btn w-100">Сообщения</a></div>
<div class="col-md-6 mb-2"><a href="{favorites-link}" class="sec-btn w-100">Избранное</a></div>
<div class="col-md-6 mb-2"><a href="{newposts-link}" class="sec-btn w-100">Новое</a></div>
<div class="col-md-6 mb-2"><a href="/index.php?do=lastcomments" class="sec-btn w-100">Комментарии</a></div>
<div class="col-md-12"><a href="{logout-link}" class="sec-btn w-100">Выйти</a></div>
</div>
</div>
[/not-group]

[group=5]
<a class="sec-btn" onclick="show_modal_dle();"><i class="fa fa-sign-in"></i></a>
<div id="div_modal_dle" title="Авторизация" style="display:none;">
<form name="login-form" id="loginform" method="post">
<div class="form-group">
<label for="user_login">Логин</label>
<input type="text" name="login_name" id="login_name" value="">
</div>
<div class="form-group">
<label for="user_pass">Пароль</label>
<input type="password" name="login_password" id="login_password">
</div>
<div class="form-group">
<div class="admin_checkboxs" style="margin-bottom:10px">
<input type="checkbox" name="login_not_save" id="login_not_save" value="1"/>
<label for="login_not_save" style="font-weight:400">Не запоминать меня</label>
</div>
<input type="submit" class="sec-btn w-100" value="Войти">
<input name="login" type="hidden" id="login" value="submit">
</div>
<div class="row"><div class="col-md-12 hfgGFsdj">
<div class="float-start"><a href="{registration-link}" class="text-dark">Регистрация на сайте</a></div>
<div class="float-end"><a href="{lostpassword-link}" class="text-dark">Восстановление пароля</a></div>
</div></div>
</form>
</div>
[/group]

Так Вы для начала прочтите описание модуля, в частности

потом настройте его.
А потом просто в нужном Вам месте вставьте например так

[not-lang=en]<a href="https://site.com/en/"><img src="{THEME}/images/flags/us.png" alt="English"></a>[/not-lang][lang=en]<img src="{THEME}/images/flags/us.png" alt="English">[/lang]
[not-lang=ru]<a href="https://site.com/ru/"><img src="{THEME}/images/flags/ru.png" alt="Русский"></a>[/not-lang][lang=ru]<img src="{THEME}/images/flags/ru.png" alt="Русский">[/lang]

Я этот модуль уже купил, но еще не настраивал.
Но чтобы он работал полноценно, нужно, чтобы пользователь мог сначала выбрать язык, верно?