Модификация шаблона блока

MazaHaka147

Проверенные
Сообщения
37
Реакции
3
Баллы
710
Добрый день!
Извините за глупый вопрос. Подскажите где редактируется данный блок.
1753971249405.png
Как должно выглядить:
1753971407301.png
Пытался через extra_less
.block-container и дальше css. Но стиль подключается и к узлам форума
1753971504334.png
заранее благодарю за помощь.
 
Так это классический стиль xenforo.
Так просто через код элемента сделай обводку жирнее и цвет поменяй, скопируй и в экстру добавь

Пример на этом стиле, на своём с цветом поиграйся и толщиной обводки

Код:
.block-container {
    color: #141414;
    background: #fefefe;
    border-width: 6px;
    border-style: solid;
    border-top-color: #47a7eb;
    border-right-color: #47a7eb;
    border-bottom-color: #47a7eb;
    border-left-color: #47a7eb;
    border-radius: 4px;
}

Снимок.PNG
 
Последнее редактирование модератором:
Так просто через код элемента сделай обводку жирнее и цвет поменяй, скопируй и в экстру добавь
Так я говорю что мне привязку надо сделать только к сайд бару, а не ко всем блокам
 
MazaHaka147, Так не получится вроде, но могу ошибаться, так как при переделки чего либо всё затрагивает!
 
Почему, у сайдбара есть свой уникальный класс, внимательнее изучите вопрос.
 
За идею спасибо. Сделал на версии 2.3.6
Переделал немного под себя взяв за основу данный код:
CSS:
.block-container {
    color: #141414;
    background: #fefefe;
    border-width: 6px;
    border-style: solid;
    border-top-color: #47a7eb;
    border-right-color: #47a7eb;
    border-bottom-color: #47a7eb;
    border-left-color: #47a7eb;
    border-radius: 4px;
}
Получилось вот так:
CSS:
.p-body-sidebar > .block:nth-of-type(1) .block-container {
    border: 2px solid #47a7eb;
    border-radius: 6px;
    padding: 10px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
}

[data-widget-key="UserOnline"] .block-container,
[data-widget-key="membersOnline"] .block-container {
    border: 1px solid #47a7eb;
    border-radius: 6px;
    box-shadow: inset 0 0 0 1px #47a7eb;
    /* Удаляем padding, чтобы сохранить компактность */
    padding: 0;
}

[data-widget-key="RESOURCE"] .block-container {
    border: 1px solid #47a7eb;
    border-radius: 6px;
    box-shadow: inset 0 0 0 1px #47a7eb;
    padding: 0;
}

[data-widget-key="LantNews"] .block-container {
    border: 1px solid #47a7eb;
    border-radius: 6px;
    box-shadow: inset 0 0 0 1px #47a7eb;
    padding: 0;
}

[data-widget-key="MessagePROFILE"] .block-container {
    border: 1px solid #47a7eb;
    border-radius: 6px;
    box-shadow: inset 0 0 0 1px #47a7eb;
    padding: 0;
}

1754212301999.png

1754212330995.png

1754212345114.png

1754212361524.png
 
?
CSS:
.p-body-sidebar .block-container {
    border: 1px solid red
}
1754217669775.png
 
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу