Решено По блокам

[dddevokay]

Помогите добавить 1 блок как у данного проекта *тык* блок контакты.​

 

[skezzmasquit]

Помогите добавить 1 блок как у данного проекта *тык* блок контакты.​

Ты имеешь ввиду этот блок?

 

[dddevokay]

Посмотреть вложение 10061

Ты имеешь ввиду этот блок?

Cправа "КОНТАКТЫ"

 

[KeoFox]

Идёшь в "Узлы", там создаёшь новый.
Тип: Страница
Часть URL-адреса: contacts
HTML-код шаблона: прописываешь код который хочешь что бы был на странице

Снимаешь галочку с "Отображать в списке узлов"

---

Потом идём в навигацию /admin.php?navigation/
Добавляем элемент новый.

ID элемента навигации: на твоё усмотрение
Ccылка: {{ link('pages/contacts') }}

 

[dddevokay]

HTML-код шаблона

Он мне и нужен

 

[KeoFox]

OFFTOP

так и думал, но понадеялся что хватит заинтересованности и ума придумать что то своё и сделать самому

 

[dddevokay]

OFFTOP

так и думал, но понадеялся что хватит заинтересованности и ума придумать что то своё и сделать самому

OFFTOP

Свое я не хочу, я хочу именно такую-же

 

[KeoFox]

OFFTOP

Свое я не хочу, я хочу именно такую-же

OFFTOP

ну будет не лень мб что то накидаю щас, мб кто то быстрее справится

 

[skezzmasquit]

Он мне и нужен

А не легче посмотреть код страницы через пк?

 

[KeoFox]

А не легче посмотреть код страницы через пк?

Легче но и не легче.
Учитывая как сделано это у них есть много вопросов, либо это тупой костыль где всё указывается на прямую, либо это сделано умом через грамотное указание всех переменных и синтаксисов движка, а это уже как раз код элемента не покажет

Накидать простенький HTML шаблон где всё будет прописано руками без динамики это одно, а вот то что у них там аватарка контакта и CSS ника соответствует форумнику это намекает на то что там явно не простой HTML в который всё запихнули руками.

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

 

[dddevokay]

@Kolpak

 

[dddevokay]

OFFTOP

Я выяснил что он сделан на HTML CSS

 

[KeoFox]

OFFTOP

Я выяснил что он сделан на HTML CSS

OFFTOP

мдэ, каждый раз лазить в код и прописывать всё в ручную что бы поменять там кого то, сомнительное удовольствие

 

[dddevokay]

OFFTOP

мдэ, каждый раз лазить в код и прописывать всё в ручную что бы поменять там кого то, сомнительное удовольствие

Не знаю тех[который сказал что html css] что удобней.
Но мне в любом случае надо что-то подобное

 

[KeoFox]

А не легче посмотреть код страницы через пк?

OFFTOP

ну тогда просто можно сделать так, скопировать код элемента, подставить всё под себя и не париться.

 

[dddevokay]

OFFTOP

ну тогда просто можно сделать так, скопировать код элемента, подставить всё под себя и не париться.

OFFTOP

Я не настолько умен т.е не умею брать html. Код ролей и тд могу а это не

 

[KeoFox]

Не знаю тех[который сказал что html css] что удобней.
Но мне в любом случае надо что-то подобное

Фиг знает кому это будет в здравом уме удобно, ну ладно. За то думать много не надо.

Спойлер: шаблон

<!-- KeoFox-->
<div class="contact-card">
  <a href="/members/1/" class="contact-avatar-link">
    <img src="/data/avatars/m/0/1.jpg?1752256054" class="contact-avatar">
  </a>
  <div class="contact-info">
    <a href="/members/1/" class="username--style3">KeoFox</a>
    <div class="contact-role">Руководитель проекта</div>
    <div class="contact-note">Обращаться по всем вопросам проекта</div>
    <a href="https://vk.com/id123456789" class="vk-button" target="_blank">Связаться через ВКонтакте</a>
  </div>
</div>

<!-- root-->
<div class="contact-card">
  <a href="/members/1/" class="contact-avatar-link">
    <img src="/data/avatars/m/0/1.jpg?1752256054" class="contact-avatar">
  </a>
  <div class="contact-info">
    <a href="/members/1/" class="username--style3">root</a>
    <div class="contact-role">Заместитель заместителя</div>
    <div class="contact-note">Обращаться по всем вопросам проекта</div>
    <a href="https://vk.com/id123456789" class="vk-button" target="_blank">Связаться через ВКонтакте</a>
  </div>
</div>

/members/1/ - заменяем на тот форумный аккаунт на которых хотим что бы вёл тык по аватарке и нику
/data/avatars/m/0/1.jpg?1752256054 - сам путь к форумной аватарке, вообще можно указать любое изображение какое хочеться хоть из гугла по имгуру.
class="username--style3 - "3" заменяем на ID группы (роли) в которой состоит человек что бы стиль ника был такой же в контактах как и на самом форуме

На счёт самого ника, должности и ВК думаю уже пояснять не нужно что и зачем заменять.
Пример как делать новый контакт показан на root, копируется полностью код contact-card и прописывается то что должно уже в нём быть.

Спойлер: extra.less

.contact-header {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #fff;
    padding-left: 10px;
}

.contact-card {
    background-color: #1e293b;
    padding: 30px;
    border-radius: 16px;
    max-width: 700px;
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
}

.contact-avatar-link {
    flex-shrink: 0;
    display: block;
}

.contact-avatar {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 2px solid #2f3e51;
    object-fit: cover;
    box-shadow: 0 0 10px rgba(0,0,0,0.6);
}

.contact-info {
    margin-left: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.contact-role {
    font-size: 16px;
    color: #ffffff;
    margin-bottom: 3px;
}

.contact-note {
    font-size: 14px;
    color: #9ca3af;
    margin-bottom: 12px;
}

.vk-button {
    background-color: #0077ff;
    color: #fff;
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 14px;
    text-decoration: none;
    font-weight: 500;
    transition: background-color 0.3s;
    width: fit-content;
}

.vk-button:hover {
    background-color: #005dd1;
    color: #fff;
}

P.S - это было бы интереснее реализовать через плагин дабы каждый раз не бегать и вручную не переделывать строки в коде.
Может когда то будет не лень, хотя вряд ли.