Решено Не отображаются баннеры
- Автор темы Санек
- Дата начала
Решение
- Июн
- 3,486
- 3,269
Профессионал
Ссылку на профиль с поломанными баннерами предоставьте
- Ноя
- 172
- 16
Пользователь
- Июн
- 3,486
- 3,269
Профессионал
У вас в настройках группы "css класс баннера" прописан как .userBanner.admin
А самого класса в extra.less или ином less шаблоне нет - следовательно откуда должны браться баннера?
Чтобы убедится в этом, напишите в конец extra.less этот код, и фон вашего баннера перекрасится в красный.
Дальше уже добавляйте в эти классы свои свойства. Или наоборот, если у вас уже прописан код для баннеров, посмотрите их классы и сделайте правильные класс в настройках группы
А самого класса в extra.less или ином less шаблоне нет - следовательно откуда должны браться баннера?
Чтобы убедится в этом, напишите в конец extra.less этот код, и фон вашего баннера перекрасится в красный.
extra.less:
.userBanner.admin {
background-color: red;
}
- Ноя
- 172
- 16
Пользователь
вот это я вписал и не отобразилось
- Июн
- 3,486
- 3,269
Профессионал
предоставьте extra.less
- Июн
- 3,486
- 3,269
Профессионал
ну у вас классы просто .helper, в настройках группы так и пишите helper
- Ноя
- 172
- 16
Пользователь
Я прописывал не помогало
- Ноя
- 172
- 16
Пользователь
Брал баннеры отсюда (не реклама)
- Сен
- 414
- 232
Пользователь
попробуй просто admin без userbanner.admin
- Ноя
- 172
- 16
Пользователь
пробовал не помогло
- Сен
- 414
- 232
Пользователь
дай свой вк
- Ноя
- 172
- 16
Пользователь
- Сен
- 414
- 232
Пользователь
код:
.open {
background: rgba(46, 204, 113, 0.12);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(39, 174, 96, 0.25);
color: #27ae60 !important;
font-weight: 600;
border-radius: 8px;
padding: 5px 14px 5px 34px;
position: relative;
margin: 0 6px;
display: inline-flex;
align-items: center;
font-size: 13px;
line-height: 1.4;
box-shadow:
0 2px 8px rgba(0,0,0,0.08),
inset 0 1px 1px rgba(255,255,255,0.6);
}
.open::before {
content: '';
position: absolute;
left: 12px;
top: 50%;
transform: translateY(-50%);
width: 14px;
height: 14px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2327ae60'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.closed {
background: rgba(231, 76, 60, 0.12);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(192, 57, 43, 0.25);
color: #c0392b !important;
font-weight: 600;
border-radius: 8px;
padding: 5px 14px 5px 34px;
position: relative;
margin: 0 6px;
display: inline-flex;
align-items: center;
font-size: 13px;
line-height: 1.4;
box-shadow:
0 2px 8px rgba(0,0,0,0.08),
inset 0 1px 1px rgba(255,255,255,0.6);
}
.closed::before {
content: '';
position: absolute;
left: 12px;
top: 50%;
transform: translateY(-50%);
width: 14px;
height: 14px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23c0392b'%3E%3Cpath d='M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zM9 8V6c0-1.66 1.34-3 3-3s3 1.34 3 3v2H9z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.info {
background: rgba(241, 196, 15, 0.12);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(243, 156, 18, 0.25);
color: #d35400 !important;
font-weight: 600;
border-radius: 8px;
padding: 5px 14px 5px 34px;
position: relative;
margin: 0 6px;
display: inline-flex;
align-items: center;
font-size: 13px;
line-height: 1.4;
box-shadow:
0 2px 8px rgba(0,0,0,0.08),
inset 0 1px 1px rgba(255,255,255,0.6);
}
.info::before {
content: '';
position: absolute;
left: 12px;
top: 50%;
transform: translateY(-50%);
width: 14px;
height: 14px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23d35400'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.structItem-title .open,
.structItem-title .closed,
.structItem-title .info {
vertical-align: middle;
margin-bottom: 2px;
}
.structItem-cell .open,
.structItem-cell .closed,
.structItem-cell .info {
font-size: 12px;
padding: 4px 12px 4px 32px;
}
.structItem-cell .open::before,
.structItem-cell .closed::before,
.structItem-cell .info::before {
left: 10px;
width: 13px;
height: 13px;
}
@media (max-width: 650px) {
.open,
.closed,
.info {
padding: 4px 10px 4px 30px;
font-size: 12px;
margin: 0 4px;
}
.open::before,
.closed::before,
.info::before {
left: 10px;
width: 12px;
height: 12px;
}
.block-body .node {
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.block-body .node:hover {
transform: scale(1.015);
}
.userBanner {
display: inline-block !important;
width: 200px !important;
height: 42px !important;
padding: 0 !important;
border: 0 !important;
box-shadow: none !important;
background-color: transparent !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: contain !important;
font-size: 0 !important;
line-height: 0 !important;
color: transparent !important
}
.message-userDetails .userBanner--img,.userBanners .userBanner--img,.message-userBanner .userBanner--img,.memberTooltip .userBanner--img,.memberCard .userBanner--img {
display: block !important
}
.userBanner--img .userBanner-before,.userBanner--img .userBanner-after {
display: none !important
}
.userBanner--img .userBanner-text,.userBanner--img strong {
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important
}
@media (max-width: 480px) {
.userBanner--img {
width:170px !important;
height: 36px !important
}
}
}
.user {
background-image: url(https://i.postimg.cc/FRVdcBCt/user.png) !important
}
.userBanner.admin {
background-color: red !important
}
.userBanner.chief-admin {
background-color: red;
}
.curator {
background-image: url(https://i.postimg.cc/d3nCMxGR/curator.png) !important
}
.deputy-chief-admin {
background-image: url(https://i.postimg.cc/gkkRyGPg/deputychiefadmin.png) !important
}
.judge2 {
background-image: url(https://i.postimg.cc/JzskgK0J/judge2.png) !important
}
.ml-adm {
background-image: url(https://i.postimg.cc/W1xkPrqy/ml-adm.png) !important
}
.spec-adm {
background-image: url(https://i.postimg.cc/13XtXtZZ/Spec-adm.png) !important
}
.tech-adm {
background-image: url(https://i.postimg.cc/LXpgJpTB/Techadm2.png) !important
}
.tech-section {
background-image: url(https://i.postimg.cc/bvb2YJQw/Tech-section.png) !important
}
.helper {
background-image: url(https://i.postimg.cc/Gh7Dq6Ld/helper.png) !important
}
.userBanner--forumtech {
background-image: url(https://i.postimg.cc/MHBkCxTn/forumtech.png) !important;
}
.label {
padding: 3px 10px;
border-radius: 7px;
font-family: sans-serif;
border: 0.5px solid !Important;
user-select: none;
cursor: pointer;
font-weight: bold;
display: inline-block;
text-align: left;
margin-right: 5px
}
.importantp {
color: #ff0000;
background: rgba(255,0,0,0.1)
}
.importantp:before {
display: inline-block;
content: "";
height: 1em;
vertical-align: -0.125em;
background-color: currentColor;
width: 1.28571429em;
mask: url('/styles/fa/regular/fire.svg?v=5.15.3') no-repeat center;
-webkit-mask: url('/styles/fa/regular/fire.svg?v=5.15.3') no-repeat center;
margin-right: 5px
}
.solution {
color: #008000;
background: rgba(0,128,0,0.1)
}
.solution:before {
display: inline-block;
content: "";
height: 1em;
vertical-align: -0.125em;
background-color: currentColor;
width: 1.28571429em;
mask: url('/styles/fa/regular/thumbs-up.svg?v=5.15.3') no-repeat center;
-webkit-mask: url('/styles/fa/regular/thumbs-up.svg?v=5.15.3') no-repeat center;
margin-right: 5px
}
.non-actual {
color: #42aaff;
background: rgba(66,170,255,0.1)
}
.non-actual:before {
display: inline-block;
content: "";
height: 1em;
vertical-align: -0.125em;
background-color: currentColor;
width: 1.28571429em;
mask: url('/styles/fa/regular/comment-slash.svg?v=5.15.3') no-repeat center;
-webkit-mask: url('/styles/fa/regular/comment-slash.svg?v=5.15.3') no-repeat center;
margin-right: 5px
}
.approal {
color: #ffa812;
background: rgba(255,168,18,0.1)
}
.approal:before {
display: inline-block;
content: "";
height: 1em;
vertical-align: -0.125em;
background-color: currentColor;
width: 1.28571429em;
mask: url('/styles/fa/regular/glasses.svg?v=5.15.3') no-repeat center;
-webkit-mask: url('/styles/fa/regular/glasses.svg?v=5.15.3') no-repeat center;
margin-right: 5px
}
.closed {
color: #ff4d00;
background: rgba(255,77,0,0.1)
}
.closed:before {
display: inline-block;
content: "";
height: 1em;
vertical-align: -0.125em;
background-color: currentColor;
width: 1.28571429em;
mask: url('/styles/fa/regular/lock.svg?v=5.15.3') no-repeat center;
-webkit-mask: url('/styles/fa/regular/lock.svg?v=5.15.3') no-repeat center;
margin-right: 5px
}
.cheat {
color: #49423d;
background: rgba(73,66,61,0.1)
}
.search-service {
color: #ffd35f;
background: rgba(255,211,95,0.1)
}
.search-service:before {
display: inline-block;
content: "";
height: 1em;
vertical-align: -0.125em;
background-color: currentColor;
width: 1.28571429em;
mask: url('/styles/fa/regular/glasses-alt.svg?v=5.15.3') no-repeat center;
-webkit-mask: url('/styles/fa/regular/glasses-alt.svg?v=5.15.3') no-repeat center;
margin-right: 5px
}
.portfolio {
color: #ffd35f;
background: rgba(255,211,95,0.1)
}
.portfolio:before {
display: inline-block;
content: "";
height: 1em;
vertical-align: -0.125em;
background-color: currentColor;
width: 1.28571429em;
mask: url('/styles/fa/regular/briefcase.svg?v=5.15.3') no-repeat center;
-webkit-mask: url('/styles/fa/regular/briefcase.svg?v=5.15.3') no-repeat center;
margin-right: 5px
}
.service {
color: #ffd35f;
background: rgba(255,211,95,0.1)
}
.service:before {
display: inline-block;
content: "";
height: 1em;
vertical-align: -0.125em;
background-color: currentColor;
width: 1.28571429em;
mask: url('/styles/fa/regular/wrench.svg?v=5.15.3') no-repeat center;
-webkit-mask: url('/styles/fa/regular/wrench.svg?v=5.15.3') no-repeat center;
margin-right: 5px
}
.ns {
color: #666666;
background: rgba(102,102,102,0.1)
}
.ns:before {
display: inline-block;
content: "";
height: 1em;
vertical-align: -0.125em;
background-color: currentColor;
width: 1.28571429em;
mask: url('/styles/fa/regular/times.svg?v=5.15.3') no-repeat center;
-webkit-mask: url('/styles/fa/regular/times.svg?v=5.15.3') no-repeat center;
margin-right: 5px
}
.contest {
color: #42aaff;
background: rgba(66,170,255,0.1)
}
.contest:before {
display: inline-block;
content: "";
height: 1em;
vertical-align: -0.125em;
background-color: currentColor;
width: 1.28571429em;
mask: url('/styles/fa/regular/gift.svg?v=5.15.3') no-repeat center;
-webkit-mask: url('/styles/fa/regular/gift.svg?v=5.15.3') no-repeat center;
margin-right: 5px
}
@-webkit-keyframes wave {
from {
-webkit-mask-position: 150%;
}
to {
-webkit-mask-position: -50%;
}
}
@keyframes AnimNic {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
/* Галочка в контурном кружке */
a.username[data-user-id="1"]::after,
span.username[data-user-id="1"]::after {
content: "✓";
display: inline-flex;
align-items: center;
justify-content: center;
margin-left: 8px;
width: 18px;
height: 18px;
font-size: 14px;
font-weight: 700;
border-radius: 50%;
border: 2px solid #00ff88;
color: #00ff88;
background: transparent;
box-shadow: 0 0 6px rgba(0, 255, 136, 0.5);
}
/* Подсветка ника User_Name */
a.username[data-user-id="1"],
span.username[data-user-id="1"],
[data-user-id="1"] {
color: #ff0000 !important;
font-weight: 600 !important;
text-shadow: 0 0 10px rgba(255, 0, 0, 0.9) !important;
animation: pulseRedGlow 1.8s infinite ease-in-out;
}
/* Анимация пульсации */
@keyframes pulseRedGlow {
0% {
text-shadow: 0 0 5px rgba(255, 0, 0, 0.4);
color: #ff4d4d;
}
50% {
text-shadow: 0 0 16px rgba(255, 0, 0, 1);
color: #ff0000;
}
100% {
text-shadow: 0 0 5px rgba(255, 0, 0, 0.4);
color: #ff4d4d;
}
}попробуй этот код, пофиксил и сделал более менее читаемым
UPD: Возможно баг был иза отсутствия отступов
Решение
- Июл
- 1,379
- 1,947
Заблокированный
ты хоть посмотри в экстру какого стиля пихаешь код, часто новички путаются и не замечают этого
- Статус