Решено Не могу установить роли как в Матрёшке

Добро пожаловать!

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

Зарегистрироваться!
Статус
В этой теме нельзя размещать новые ответы.
Пользователь
Регистрация
28 Окт 2025
Сообщения
5
В extra.less установились все роли, которые дополнительно шли в стиле Зимней Матрёшки.
Но сами роли я не могу сделать чтобы они отображались как в Матрёшке, помогите пожалуйста!
 
ℙ𝕒𝕨𝕟𝕠 𝕙𝕖𝕝𝕡
Активный
Регистрация
28 Июл 2024
Сообщения
888
В extra.less установились все роли, которые дополнительно шли в стиле Зимней Матрёшки.
Но сами роли я не могу сделать чтобы они отображались как в Матрёшке, помогите пожалуйста!
Текст баннера написал?
 
ℙ𝕒𝕨𝕟𝕠 𝕙𝕖𝕝𝕡
Активный
Регистрация
28 Июл 2024
Сообщения
888
В extra.less установились все роли, которые дополнительно шли в стиле Зимней Матрёшки.
Но сами роли я не могу сделать чтобы они отображались как в Матрёшке, помогите пожалуйста!
OFFTOP


Скриншот прикрепи ошибки

 
Пользователь
Регистрация
28 Окт 2025
Сообщения
5
2.6. Весь код необходимо брать под тег "Код".

CSS:
.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
}
 
Последнее редактирование модератором:
Статус
В этой теме нельзя размещать новые ответы.
Сверху