XF 2.2 Не могу сделать баннер для форума

Версия XenForo
2.2.12

Mita_Reverseside

Участники
Сообщения
17
Реакции
0
Баллы
16
Всех приветствую. Не понимаю что такое я уже много разных способов попробовал уже весь форум о перелистал. Extra.less не работает не один css который я делаю не работает
 
Всех приветствую. Не понимаю что такое я уже много разных способов попробовал уже весь форум о перелистал. Extra.less не работает не один css который я делаю не работает
Подробнее опиши что ты делал. Сразу скажи, ты указывал в группе css стиль, или же ты делал общий userBanner.
 
Запрещено публиковать исходный код без BB-кода CODE.
Подробнее опиши что ты делал. Сразу скажи, ты указывал в группе css стиль, или же ты делал общий userBanner.
И 1 и 2 все уже пробывал код который использую и не работает вот:
.thBranding {
display: none;
}

.userBanner.Rykovod {
background: url(/styles/banners/Rykovod.png) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}


.Specadmin {
background: url(/styles/banners/Specadmin.png) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}



.SpecMP {
background: url( ) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}



.team_matrp {
background: url( ) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

userBanner.Razrab {
background: url( ) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

.Osnov {
background: url( ) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

.Tester {
background: url( ) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

.Stadmin {
background: url( ) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}



.noch {
background: url( ) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}



.User {
background: url( ) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

.Support {
background: url( ) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

.Leader {
background: url( ) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

.Moder {
background: url( ) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

.Admin {
background: url( ) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

.Zamglsled {
background: url( ) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

.Glsled {
background: url( ) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

.GA {
background: url( ) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

.ZGA {
background: url( ) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

.KuratorFamily {
background: url( ) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

.grust {
background: url(
Для просмотра этого контента нам потребуется ваше согласие на установку файлов cookie третьих лиц.
Более подробную информацию можно найти на нашей странице cookie.
) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}



.custom_widget {
padding: 10px 0
}

.custom_ansGeneral {
background-color: #c636ff;
border-color: #c636ff;
color: #ffffff;
display: inline-block;
font-size: 90%;
margin: -1px 0;
padding: 0 6px;
line-height: normal;
font-weight: 500
}

.custom_ansThematic {
background-color: #c636ff;
border-color: #c636ff;
color: #ffffff;
display: inline-block;
font-size: 90%;
margin: -1px 0;
padding: 0 6px;
line-height: normal;
font-weight: 500
}

.custom_ansHistorical {
background-color: #c636ff;
border-color: #c636ff;
color: #ffffff;
display: inline-block;
font-size: 90%;
margin: -1px 0;
padding: 0 6px;
line-height: normal;
font-weight: 500
}

.custom_ansTechnical {
background-color: #c636ff;
border-color: #c636ff;
color: #ffffff;
display: inline-block;
font-size: 90%;
margin: -1px 0;
padding: 0 6px;
line-height: normal;
font-weight: 500
}

.custom_ansOffer {
background-color: #c636ff;
border-color: #c636ff;
color: #ffffff;
display: inline-block;
font-size: 90%;
margin: -1px 0;
padding: 0 6px;
line-height: normal;
font-weight: 500
}

.custom_actyal {
background-color: #59ff15;
border-color: #59ff15;
color: black;
display: inline-block;
font-size: 90%;
margin: -1px 0;
padding: 0 6px;
line-height: normal;
font-weight: 500
}

.custom_neactyal {
background-color: #6b6b6b;
border-color: #6b6b6b;
color: #ffffff;
display: inline-block;
font-size: 90%;
margin: -1px 0;
padding: 0 6px;
line-height: normal;
font-weight: 500
}

.custom_vazno {
background-color: #FF0000;
border-color: #FF0000;
color: white;
display: inline-block;
font-size: 90%;
margin: -1px 0;
padding: 0 6px;
line-height: normal;
font-weight: 500
}

.dontlookthis {
background-color: yellow;
border-color: #FF0000;
color: black;
display: inline-block;
font-size: 90%;
margin: -1px 0;
padding: 0 6px;
line-height: normal;
font-weight: 500
}

.custom_zakrep {
background-color: yellow !important;
border-color: yellow !important;
color: black;
display: inline-block;
font-size: 90%;
margin: -1px 0;
padding: 0 6px;
line-height: normal;
font-weight: 500
}

.custom_info {
background-color: yellow !important;
border-color: yellow !important;
color: black;
display: inline-block;
font-size: 90%;
margin: -1px 0;
padding: 0 6px;
line-height: normal;
font-weight: 500
}

.custom_info {
background-color: yellow !important;
border-color: yellow !important;
color: black
}

.custom_resheno {
background-color: #f24666;
border-color: #f24666;
color: #ffffff;
display: inline-block;
font-size: 90%;
margin: -1px 0;
padding: 0 6px;
line-height: normal;
font-weight: 500
}

.custom_otkaz {
background-color: #6b6b6b;
border-color: #6b6b6b;
color: #ffffff;
display: inline-block;
font-size: 90%;
margin: -1px 0;
padding: 0 6px;
line-height: normal;
font-weight: 500
}

.custom_otkryto {
background-color: #00b300;
border-color: #00b300;
color: #ffffff;
display: inline-block;
font-size: 90%;
margin: -1px 0;
padding: 0 6px;
line-height: normal;
font-weight: 500
}

.custom_zakryto {
background-color: #ff2b2b;
border-color: #ff2b2b;
color: #ffffff;
display: inline-block;
font-size: 90%;
margin: -1px 0;
padding: 0 6px;
line-height: normal;
font-weight: 500
}



.Specadmin {
background: url( ) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}



.Block {
background: url( ) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}



.texadmin {
background: url( ) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}



.stexadmin {
background: url( ) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}



.gatex {
background: url( ) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}



.piarm {
background: url( ) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}



.prelest {
background: url( ) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}



.more {
background: url( ) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}



.otchet {
background: url( ) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}



.blat {
background: url( ) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}



.bloger {
background: url( ) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}



.gltester {
background: url( ) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}



.speclogs {
background: url( ) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}



.glspeclogs {
background: url( ) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}



.stspeclogs {
background: url( ) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}



.zamtexadm {
background: url( ) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}



.Freeze {
background: url( ) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}



.Dumay {
background: url( ) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}



.dedmor {
background: url( ) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}



.Mestn {
background: url( ) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}



.Legend {
background: url( ) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}



.dedmor {
background: url( ) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}



.noch {
background: url( ) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

.MediaManager {
background: url( ) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Форум CRMP с ролями</title>
<style>
/* Общие стили для баннеров ролей */
.role-banner {
width: 130px;
height: 45px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

/* Баннеры для ролей */
.imgDev {
background: url('
}

.imgAdmin {
background: url('
}

.imgLegend {
background: url('
}

.imgUser {
background: url('
}

.imgMestn {
background: url('
}

.imgLeader {
background: url('
}

.imgGa {
background: url('
}

.imgZamga {
background: url('
}

.imgGlsled {
background: url('
}

.imgZamglsled {
background: url('
}

.imgSpecadmin {
background: url('
}

.imgModer {
background: url('
}

.imgGlSpecLogs {
background: url('
}

.imgStSpecLogs {
background: url('
}

.imgGlTesters {
background: url('
}

.imgSupport {
background: url('
}

.imgBloger {
background: url('
}

.imgSpecLogs {
background: url('
}

/* Баннер для роли Комманда */
.userBanner.kommanda {
background: url('
}

/* Добавление других ролей с их изображениями */
.Osnov {
background: url('
background-size: contain;
}
.Freeze {
background: url('
background-size: contain;
}
.Block {
background: url('
background-size: contain;
}

/* Пример для еще нескольких ролей */
.Tester {
background: url('
background-size: contain;
}

.GlTesters {
background: url('
background-size: contain;
}

.Voin {
background: url('
background-size: contain;
}

</style>
</head>
<body>
<div class="forum">
<h1>Форум CRMP - Роли</h1>

<div class="role">
<div class="role-banner imgDev"></div>
<p>Разработчик</p>
</div>

<div class="role">
<div class="role-banner imgAdmin"></div>
<p>Админ</p>
</div>

<div class="role">
<div class="role-banner imgLegend"></div>
<p>Легенда</p>
</div>

<div class="role">
<div class="role-banner imgUser"></div>
<p>Пользователь</p>
</div>

<div class="role">
<div class="role-banner imgLeader"></div>
<p>Лидер</p>
</div>

<div class="role">
<div class="role-banner imgGa"></div>
<p>Генеральный Администратор</p>
</div>

<div class="role">
<div class="role-banner imgZamga"></div>
<p>Заместитель Генерального Администратора</p>
</div>

<!-- Пример вывода баннера для Команды -->
<div class="role">
<div class="role-banner userBanner kommanda"></div>
<p>Команда</p>
</div>

<!-- Дополнительные роли -->
<div class="role">
<div class="role-banner Freeze"></div>
<p>Замороженный</p>
</div>

<div class="role">
<div class="role-banner Block"></div>
<p>Заблокированный</p>
</div>

<div class="rol
Доказательства не рабочего
 

Вложения

  • Screenshot_20250813-170543.png
    Screenshot_20250813-170543.png
    580.7 KB · Просмотры: 31
Последнее редактирование модератором:
Как вы додумались в этот шаблон HTML добавить?
Я просто когда стиль скачал и там сразу было, а где находится та HTML в конце нет?
HTML:
</style>
</head>
<body>
<div class="forum">
<h1>Форум CRMP - Роли</h1>

<div class="role">
<div class="role-banner imgDev"></div>
<p>Разработчик</p>
</div>

<div class="role">
<div class="role-banner imgAdmin"></div>
<p>Админ</p>
</div>

<div class="role">
<div class="role-banner imgLegend"></div>
<p>Легенда</p>
</div>

<div class="role">
<div class="role-banner imgUser"></div>
<p>Пользователь</p>
</div>

<div class="role">
<div class="role-banner imgLeader"></div>
<p>Лидер</p>
</div>

<div class="role">
<div class="role-banner imgGa"></div>
<p>Генеральный Администратор</p>
</div>

<div class="role">
<div class="role-banner imgZamga"></div>
<p>Заместитель Генерального Администратора</p>
</div>

<!-- Пример вывода баннера для Команды -->
<div class="role">
<div class="role-banner userBanner kommanda"></div>
<p>Команда</p>
</div>

<!-- Дополнительные роли -->
<div class="role">
<div class="role-banner Freeze"></div>
<p>Замороженный</p>
</div>

<div class="role">
<div class="role-banner Block"></div>
<p>Заблокированный</p>
</div>

<div class="rol
это же html?
 
Последнее редактирование:
стиль скачал и там сразу было
почему бы тогда и не спрашивать там где скачивалось

Там нету нужной темы
там дофига тем с примерами как хотя бы должны более менее выглядеть коды баннеров, если пораскинуть головой и руками можно чему то самостоятельно научиться, а если навыков не хватает искать того кто будет это делать за вас
 
Оно и не удивительно, extra.less - это LESS / CSS, но никак не HTML. Просто удалите HTML часть в коде и все по идее должно заработать. Как вы додумались в этот шаблон HTML добавить?
Убрал html не работает все равно я ещё до этого пытался своё сделать
 
Убрал html не работает все равно я ещё до этого пытался своё сделать
в том коде что изначально слишком много мусора, не понятно что хочешь делать и как
а пересматривать всё это и приводить его в адекватное состояние особо много желания нету
 
в том коде что изначально слишком много мусора, не понятно что хочешь делать и как
а пересматривать всё это и приводить его в адекватное состояние особо много желания нету
Не сильно понял суть
 
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу