Зарегистрировавшись у нас, вы сможете обсуждать, делиться и отправлять личные сообщения другим участникам нашего сообщества.
Зарегистрироваться!Текст баннера написал?В extra.less установились все роли, которые дополнительно шли в стиле Зимней Матрёшки.
Но сами роли я не могу сделать чтобы они отображались как в Матрёшке, помогите пожалуйста!
ДаТекст баннера написал?
В extra.less установились все роли, которые дополнительно шли в стиле Зимней Матрёшки.
Но сами роли я не могу сделать чтобы они отображались как в Матрёшке, помогите пожалуйста!
/offtop её нету, картинка роли не отображается как в Матрёшке.
код скиньте/offtop её нету, картинка роли не отображается как в Матрёшке.
код скиньте
.Rykovod {
background: url([URL]https://i.postimg.cc/J4hKdW4f/Rykovod.png[/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
}
.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([URL]https://i.postimg.cc/JnywzxKw/img-specmp.png[/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
}
.Razrab {
background: url([URL]https://i.postimg.cc/50DJ6m0g/Razrab.png[/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([URL]https://i.postimg.cc/L6FG6F1Y/Osnov.png[/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([URL]https://i.postimg.cc/NFMV4vrx/Stadmin.png[/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([URL]https://i.postimg.cc/Qxg5bKh0/User.png[/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([URL]https://i.postimg.cc/Kvb3RcBL/Support.png[/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([URL]https://i.postimg.cc/DwZZXSZW/Leader.png[/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([URL]https://i.postimg.cc/v8tH2rxg/Moder.png[/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([URL]https://i.postimg.cc/vTYMwKx1/Admin.png[/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([URL]https://i.postimg.cc/zD65cy2Y/Zamglsled.png[/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([URL]https://i.postimg.cc/JhY47PxG/Glsled.png[/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([URL]https://i.postimg.cc/qqj1W64V/GA.png[/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([URL]https://i.postimg.cc/W4gXTHT7/ZGA.png[/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
}
.custom_widget {
padding: 10px 0
}
.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([URL]https://i.postimg.cc/BbRrnZmV/Specadmin.png[/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([URL]https://i.postimg.cc/W3k8ZtkG/Block.png[/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([URL]https://i.postimg.cc/m21p2w3h/Tehadmin.png[/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([URL]https://i.postimg.cc/65STJdt9/Stteh.png[/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([URL]https://i.postimg.cc/438xPtLk/Gl-Tehadmin.png[/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([URL]https://i.postimg.cc/kX2GVrzq/Gl-Media-Manager.png[/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([URL]https://i.postimg.cc/2ST6qzGc/Prelest.png[/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([URL]https://i.postimg.cc/vBPPN6QR/More.png[/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([URL]https://i.postimg.cc/6qHRLdLS/Otchet.png[/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([URL]https://i.postimg.cc/cHnQWgWt/Blat.png[/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([URL]https://i.postimg.cc/jS9zWQZk/Bloger.png[/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([URL]https://i.postimg.cc/D0THbpr2/Gl-Testers.png[/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([URL]https://i.postimg.cc/Dy3fzWrd/SpecLogs.png[/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([URL]https://i.postimg.cc/4xLTpn90/Gl-Spec-Logs.png[/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([URL]https://i.postimg.cc/mgrvZR5y/St-Spec-Logs.png[/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([URL]https://i.postimg.cc/hGwfgT98/Zam-Rykovod-Teh.png[/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([URL]https://i.postimg.cc/NjJNX35x/Freeze.png[/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([URL]https://i.postimg.cc/DZLBgY8N/Dumay.png[/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([URL]https://i.postimg.cc/fyWHHRct/DedMoroz.png[/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([URL]https://i.postimg.cc/Bv02cQfx/Mestn.png[/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([URL]https://i.postimg.cc/zf8RHtT7/Legend.png[/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([URL]https://i.postimg.cc/fyWHHRct/DedMoroz.png[/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([URL]https://i.postimg.cc/QddgBdvd/1730103910398.jpg[/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([URL]https://i.postimg.cc/wTrtFxL1/Media-Manager.png[/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([URL]https://i.postimg.cc/wTrtFxL1/Media-Manager.png[/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
}
<xf:if contentcheck="true">
<xf:css src="widget_forum_moderators.less" />
<div class="block"{{ widget_data($widget) }}>
<div class="block-container">
<h3 class="block-minorHeader">{$title}</h3>
<ul class="block-body">
<xf:contentcheck>
<xf:foreach loop="$moderators" value="$moderator">
<li class="block-row">
<div class="contentRow">
<div class="contentRow-figure user-avatar-wrapper">
<xf:avatar user="$moderator" size="xs" />
<xf:if is="$moderator.isOnline()">
<span class="user-avatar-online" tabindex="0" data-xf-init="tooltip" data-trigger="auto" title="{{ phrase('online_now')|for_attr }}"></span>
</xf:if>
</div>
<div class="contentRow-main contentRow-main--close">
<xf:username user="$moderator" rich="true" />
<div class="contentRow-minor">
<xf:usertitle user="$moderator" />
</div>
</div>
</div>
</li>
</xf:foreach>
</xf:contentcheck>
</ul>
</div>
</div>
</xf:if>
@keyframes AnimNic {
0%{background-position:0% 50%}
100%{background-position:100% 50%}
}
@media (max-width: @xf-responsiveMedium) {
.message:not(.message--forceColumns) .message-userDetails {
width: 100%;
display: grid;
gap: 3px;
}
}
@media (max-width: @xf-responsiveNarrow) {
.memberHeader-banners {
display: flex;
flex-direction: column;
}
}
.moderator-panel {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
}
<xf:css>
.blockMessage {
background-color: #f8d7da;
color: #721c24;
padding: 10px;
border: 1px solid #f5c6cb;
border-radius: 5px;
}
</xf:css>
.Support {
background: url([URL]https://edge-cdn-forummatrpru.matrp.ru/data/icons/img_support.png[/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
}
.role_razrab {
text-align: center;
border-radius: 8px;
background: linear-gradient(91.26000000000001deg, #e300ff -3.32%, rgba(143,0,255,0) 28.38%),linear-gradient(272.05deg, #e300ff -1.49%, rgba(143,0,255,0) 30.16%),radial-gradient(18.04% 115.91% at 49.65% 79.55%, #c24bfa 0, #4f1666 94.27%, rgba(173,0,255,0) 100%),radial-gradient(48.15% 140.91% at 52% 177.27%, #c24bfa 0, #4f1666 94.27%, rgba(173,0,255,0) 100%),radial-gradient(48.23% 172.73% at 52.25% 145.45%, #c24bfa 0, #4f1666 94.27%, rgba(173,0,255,0) 100%)
}
.role_bot {
background: #505050
}
.team_matrp {
background: url([URL]https://edge-cdn-forummatrpru.matrp.ru/data/icons/team_matrp.png[/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
}
.kfamily {
background: url([URL]https://edge-cdn-forummatrpru.matrp.ru/data/icons/img_gfamily2.png[/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
}
.imgGlMediaManager {
background: url([URL]https://edge-cdn-forummatrpru.matrp.ru/data/icons/img_gl_media.png[/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;
}
.zamosnov {
background: url([URL]https://i.postimg.cc/vZgWfgnz/Background-Eraser-20251005-091938435.png[/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
}
.custom_vazno {
background-color: #FF0000;
border-color: #FF0000;
color: black;
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
}
.kadm {
background: url([URL]https://i.postimg.cc/VNRrbtRq/AIRetouch-20251006-000921834.png[/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
}
.memberTooltip.memberTooltip-
userGroup--5 {
box-shadow: 0 0 10px #fc0394;
}
@media (max-width: @xf-responsiveNarrow)
{
.breadcrumb.block
{
margin-bottom: 10px;
}
.p-breadcrumbs
{
& > li a
{
&:before
{
margin-right: .5em;
font-size: 18px !important;
}
span
{
font-size: 13px;
}
}
}
}
.block--moderators {
margin-top: -500px !important;
position: relative !important;
z-index: 1000 !important;
background: var(--xf-blockBg) !important;
border: 1px solid var(--xf-blockBorderColor) !important;
border-radius: var(--xf-blockBorderRadius) !important;
}
.block--category .block-header {
display: flex;
align-items: center;
font-size: 2rem;
font-weight: 400;
border-bottom-width: 0;
border-bottom-style: solid;
padding: 15px;
padding-top: 0;
line-height: 1;
}
.node-title {
font-size: 1.5rem;
color: #f9f9f9;
font-weight: 400;
margin: 0;
}
.node
{
&+.node
{
border: none;
}
}
@media (max-width: @xf-responsiveNarrow)
{
.breadcrumb.block
{
margin-bottom: 10px;
}
.p-breadcrumbs
{
& > li a
{
&:before
{
margin-right: .5em;
font-size: 18px !important;
}
span
{
font-size: 13px;
}
}
}
}
.custom_ansThematic {
background-color: #c636ff;
bord
[HR][/HR]
er-color: #c636ff;
color: #ffffff;
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_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
}
Ничегов Другой, использующий своё имя CSS-класса что пишите?
Так нужно писать классы ролей. Поэтому у тебя ничего не отображаетсяНичего