помогите пжпжпж

Gena_Korakovskil · 2 Мар 2025

Помогите с баннерами как выровнить их чтобы они были не в строчку а по прямой а то так не удобно

вот они так а мне надо чтобы они были по прямой

Aleksandr · 2 Мар 2025

Исходный код баннеров есть?

Gena_Korakovskil · 2 Мар 2025

вот основной код

Less:

.userBanner {
    -webkit-box-shadow: 3px 1px 11px 0px rgba(78, 50, 50, 0.95);
    -moz-box-shadow: 3px 1px 11px 0px rgba(78, 50, 50, 0.95);
    box-shadow: 3px 1px 11px 0px rgba(78, 50, 50, 0.95);
    font-size: 11px;
    padding: 6px;
    border-radius: 25px;

    &.helper
    {
        color: black;
        background-color: #f0ec0a;
    }
    
    &.mladmin
    {
        color: black;
        background-color: #c5e384;
    }
    
    &.moderator
    {
        color: black;
        background-color: #f7a92a;
    }
    
    &.administrator
    {
        color: white;
        background-color: #a6b502;
    }
    
    &.stadministrator
    {
        color: white;
        background-color: #309e26;
    }
    
    &.kurator
    {
        color: white;
        background-color: #b93ccf;
    }
    
    &.zga
    {
        color: black;
        background-color: #ffc803;
    }
    
    &.gav
    {
        color: black;
        background-color: #b01313;
    }
    
    &.specadmin
    {
        color: white;
        background-color: red;
    }
    
    &.specurez
    {
        color: white;
        background-color: red;
    }
    
    &.texadmin
    {
        color: white;
        background-color: #FA8072;
    }
    
    &.komandaproekta
    {
        color: white;
        background-color: #525252;
    }
    
    &.komandaforuma
    {
        color: white;
        background-color: #525252;
    }
    
    &.glavmoderator
    {
        color: white;
        background-color: #077ee0;
    }
    
    &.adminy
    {
        color: white;
        background-color: green;
    }
    
    &.igroki
    {
        color: black;
        background-color: #D3D3D3;
    }
    
    &.project
    {
        color: white;
        background-color: black;
    }
    
    &.servpurple
    {
        color: white;
        background-color: #8b00ff;
    }
    
    &.moderator
    {
        color: white;
        background-color: #FF6004;
    }
    
    &.admins
    {
        color: white;
        background-color: #09DE74;
    }
    
    &.stmoderator
    {
        color: white;
        background-color: #f50ab2;
    }
    
    &.zgmf
    {
        color: white;
        background-color: #BC8F8F;
    }
    
    &.gayellow
    {
        color: #61be09;
        background-image: url(https://i.imgur.com/BbKpnxM.gif);
        color: black;
    }
    
    &.gagreen
    {
        color: #61be09;
        background-image: url(https://i.imgur.com/d0bQE4d.gif);
        color: white;
    }
    
    &.gared
    {
        color: #61be09;
        background-image: url(https://i.imgur.com/9wvXpUi.gif);
        color: white;
    }
    
    &.gablue
    {
        color: #61be09;
        background-image: url(https://i.imgur.com/cmkYtJF.gif);
        color: white;
    }
    
    &.ActivUser
    {
        color: #61be09;
        background-image: url(https://media3.giphy.com/media/xThuWcaa4U4XZQDgvm/giphy.gif?cid=790b761…&rid=giphy.gif);
        color: black;
        border: none;
    }
    
    &.my-style
    {
        color: white;
        background-color: MediumPurple;
    }
    
    &.my-style2
    {
        color: white;
        background-color: #4080FF;
    }
    
    &.my-style3
    {
        color: white;
        background-color: MediumSeaGreen;
    }
    
    &.tex
    {
        color: white;
        background-color: #8287C1;
        font-size: 11px;
        padding: 3px;
        border: 3px solid transparent;
        border-radius: 3px;
        position: relative;
        
        :after
        {
            content: '';
            opacity: 0;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: #fff;
            animation: animate-shine 2s ease-out infinite;
            border-radius: 0px
        }
    }
}

@keyframes animate-shine {
    0% {
        opacity: .1;
        width: 0
    }

    50% {
        opacity: .5
    }

    100% {
        opacity: 0;
        width: 100%
    }
}

Gena_Korakovskil · 2 Мар 2025

ну помогите пжпжпж

Kolpak · 2 Мар 2025

Баннер "Специальный администратор" слишком длинный, если бы он был бы короче, то возможно, пошел бы по прямой, карточка сама по себе маленькая. Такое может быть также из-за инструмента модератора (шестеренка напротив ника). Если хотите, чтобы были у вас баннеры по прямой, то уменьшайте их

Gena_Korakovskil · 2 Мар 2025

Kolpak написал(а):
Баннер "Специальный администратор" слишком длинный, если бы он был бы короче, то возможно, пошел бы по прямой, карточка сама по себе маленькая. Такое может быть также из-за инструмента модератора (шестеренка напротив ника). Если хотите, чтобы были у вас баннеры по прямой, то уменьшайте их

Пробовал не помогло

Gena_Korakovskil · 2 Мар 2025

Кто может ещё помочь пж

squadmonopoly · 3 Мар 2025

Gena_Korakovskil написал(а):
Кто может ещё помочь пж

вк кидай

Gena_Korakovskil · 3 Мар 2025

все еще жду помощи

Kolpak · 3 Мар 2025

Gena_Korakovskil написал(а):
все еще жду помощи

Я написал вам решение, просто воспользуйтесь им - это единственный вариант для вас

Gena_Korakovskil · 3 Мар 2025

не помогает

Kolpak · 3 Мар 2025

Покажите, что именно меняли для уменьшения баннеров, либо сам изменённый код

Bogdan_Sopov · 3 Мар 2025

Kolpak написал(а):
Покажите, что именно меняли для уменьшения баннеров, либо сам изменённый код

Знаешь как исправить?

Gena_Korakovskil · 4 Мар 2025

я говорил же

Gena_Korakovskil написал(а):

вот основной код

Less:

.userBanner {
    -webkit-box-shadow: 3px 1px 11px 0px rgba(78, 50, 50, 0.95);
    -moz-box-shadow: 3px 1px 11px 0px rgba(78, 50, 50, 0.95);
    box-shadow: 3px 1px 11px 0px rgba(78, 50, 50, 0.95);
    font-size: 11px;
    padding: 6px;
    border-radius: 25px;

    &.helper
    {
        color: black;
        background-color: #f0ec0a;
    }
   
    &.mladmin
    {
        color: black;
        background-color: #c5e384;
    }
   
    &.moderator
    {
        color: black;
        background-color: #f7a92a;
    }
   
    &.administrator
    {
        color: white;
        background-color: #a6b502;
    }
   
    &.stadministrator
    {
        color: white;
        background-color: #309e26;
    }
   
    &.kurator
    {
        color: white;
        background-color: #b93ccf;
    }
   
    &.zga
    {
        color: black;
        background-color: #ffc803;
    }
   
    &.gav
    {
        color: black;
        background-color: #b01313;
    }
   
    &.specadmin
    {
        color: white;
        background-color: red;
    }
   
    &.specurez
    {
        color: white;
        background-color: red;
    }
   
    &.texadmin
    {
        color: white;
        background-color: #FA8072;
    }
   
    &.komandaproekta
    {
        color: white;
        background-color: #525252;
    }
   
    &.komandaforuma
    {
        color: white;
        background-color: #525252;
    }
   
    &.glavmoderator
    {
        color: white;
        background-color: #077ee0;
    }
   
    &.adminy
    {
        color: white;
        background-color: green;
    }
   
    &.igroki
    {
        color: black;
        background-color: #D3D3D3;
    }
   
    &.project
    {
        color: white;
        background-color: black;
    }
   
    &.servpurple
    {
        color: white;
        background-color: #8b00ff;
    }
   
    &.moderator
    {
        color: white;
        background-color: #FF6004;
    }
   
    &.admins
    {
        color: white;
        background-color: #09DE74;
    }
   
    &.stmoderator
    {
        color: white;
        background-color: #f50ab2;
    }
   
    &.zgmf
    {
        color: white;
        background-color: #BC8F8F;
    }
   
    &.gayellow
    {
        color: #61be09;
        background-image: url(https://i.imgur.com/BbKpnxM.gif);
        color: black;
    }
   
    &.gagreen
    {
        color: #61be09;
        background-image: url(https://i.imgur.com/d0bQE4d.gif);
        color: white;
    }
   
    &.gared
    {
        color: #61be09;
        background-image: url(https://i.imgur.com/9wvXpUi.gif);
        color: white;
    }
   
    &.gablue
    {
        color: #61be09;
        background-image: url(https://i.imgur.com/cmkYtJF.gif);
        color: white;
    }
   
    &.ActivUser
    {
        color: #61be09;
        background-image: url(https://media3.giphy.com/media/xThuWcaa4U4XZQDgvm/giphy.gif?cid=790b761…&rid=giphy.gif);
        color: black;
        border: none;
    }
   
    &.my-style
    {
        color: white;
        background-color: MediumPurple;
    }
   
    &.my-style2
    {
        color: white;
        background-color: #4080FF;
    }
   
    &.my-style3
    {
        color: white;
        background-color: MediumSeaGreen;
    }
   
    &.tex
    {
        color: white;
        background-color: #8287C1;
        font-size: 11px;
        padding: 3px;
        border: 3px solid transparent;
        border-radius: 3px;
        position: relative;
       
        :after
        {
            content: '';
            opacity: 0;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: #fff;
            animation: animate-shine 2s ease-out infinite;
            border-radius: 0px
        }
    }
}

@keyframes animate-shine {
    0% {
        opacity: .1;
        width: 0
    }

    50% {
        opacity: .5
    }

    100% {
        opacity: 0;
        width: 100%
    }
}

Вот код я его использовал

Gena_Korakovskil · 4 Мар 2025

И не чего не менял в нем

squadmonopoly · 4 Мар 2025

Gena_Korakovskil написал(а):
И не чего не менял в нем

отпиши тг/вк свой пожалуйста. Я Помогу сам.

Поиск

Welcome!

помогите пжпжпж

Gena_Korakovskil

Aleksandr

Gena_Korakovskil

Gena_Korakovskil

Kolpak

Gena_Korakovskil

Gena_Korakovskil

squadmonopoly

Gena_Korakovskil

Kolpak

Gena_Korakovskil

Kolpak

Bogdan_Sopov

Gena_Korakovskil

Gena_Korakovskil

squadmonopoly