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

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

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

Зарегистрироваться!
  • Если Вы желаете помогать развитию проекта, готовы заполнять раздел(-ы) и подсказывать другим пользователям на портале, есть возможность попасть в команду редакторов. Для этого следует обратиться в техническую поддержку
Пользователь
Регистрация
29 Дек 2023
Сообщения
58
Помогите с баннерами как выровнить их чтобы они были не в строчку а по прямой а то так не удобно
2025-03-02_21-03-08.png
вот они так а мне надо чтобы они были по прямой
 
Шедевро ХТМЛ
Активный
Регистрация
14 Апр 2024
Сообщения
586
Исходный код баннеров есть?
 
Пользователь
Регистрация
29 Дек 2023
Сообщения
58
вот основной код
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%
    }
}
 
Редактор
Регистрация
4 Ноя 2024
Сообщения
298
Баннер "Специальный администратор" слишком длинный, если бы он был бы короче, то возможно, пошел бы по прямой, карточка сама по себе маленькая. Такое может быть также из-за инструмента модератора (шестеренка напротив ника). Если хотите, чтобы были у вас баннеры по прямой, то уменьшайте их
 
Пользователь
Регистрация
29 Дек 2023
Сообщения
58
Баннер "Специальный администратор" слишком длинный, если бы он был бы короче, то возможно, пошел бы по прямой, карточка сама по себе маленькая. Такое может быть также из-за инструмента модератора (шестеренка напротив ника). Если хотите, чтобы были у вас баннеры по прямой, то уменьшайте их
Пробовал не помогло
 
Редактор
Регистрация
4 Ноя 2024
Сообщения
298
Покажите, что именно меняли для уменьшения баннеров, либо сам изменённый код
 
Пользователь
Регистрация
29 Дек 2023
Сообщения
58
я говорил же
вот основной код
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%
    }
}
Вот код я его использовал
 
Сверху