Решено хелп про банеры

[сергей рахман]

как сделать такие банеры

заранее спасибо

 

[heartless]

не грузит форум

 

[сергей рахман]

не грузит форум

заменил

 

[Matvey_Asco]

заменил

форум дай где эти баннеры нашел

 

[сергей рахман]

форум дай где эти баннеры нашел

https://forum.crmp-mobile-hub.ru/index.php

не реклама

 

[сергей рахман]

хелп

 

[heartless]

.userBanner::after {
content: "";
position: absolute;
left: 50%;
bottom: -20px;
transform: translateX(-50%);
width: 24px;
height: 24px;
background-image: url(https://admins.crmp-mobile-hub.ru/dd/logo.jpeg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-radius: 50%;
border: 2px solid rgba(255, 255, 255, 0.8);
box-shadow: 0 0 15px rgba(127, 0, 255, 0.9), inset 0 0 10px rgba(255, 255, 255, 0.3);
z-index: 3;
animation: pulseAvatar 4s ease-in-out infinite;

}

вместо " background-image: url" можешь указать что то свое.

также если хочешь чтоб это было только для определенной группы то заменяешь userBanner на нужную группу(admin например)

 

[сергей рахман]

.userBanner::after {
content: "";
position: absolute;
left: 50%;
bottom: -20px;
transform: translateX(-50%);
width: 24px;
height: 24px;
background-image: url(https://admins.crmp-mobile-hub.ru/dd/logo.jpeg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-radius: 50%;
border: 2px solid rgba(255, 255, 255, 0.8);
box-shadow: 0 0 15px rgba(127, 0, 255, 0.9), inset 0 0 10px rgba(255, 255, 255, 0.3);
z-index: 3;
animation: pulseAvatar 4s ease-in-out infinite;

}

вместо " background-image: url" можешь указать что то свое.

также если хочешь чтоб это было только для определенной группы то заменяешь userBanner на нужную группу(admin например)

шобы на все банеры

 

[heartless]

шобы на все банеры

для каждого добавлять

 

[сергей рахман]

для каждого добавлять

&.razrab
{
background-image: linear-gradient(270deg, #f819a7, #4619f8);
box-shadow: #f819a7 0 0 5px;
animation: AnimBanner 10s ease infinite, razrabGlow 3s ease-in-out infinite alternate;

&:hover
{
box-shadow: #f819a7 0 0 15px, #4619f8 0 0 25px, 0 5px 20px rgba(0, 0, 0, 0.3);
border-color: rgba(248, 25, 167, 0.6);
}
}


куда добавлять?

 

[heartless]

&.razrab
{
background-image: linear-gradient(270deg, #f819a7, #4619f8);
box-shadow: #f819a7 0 0 5px;
animation: AnimBanner 10s ease infinite, razrabGlow 3s ease-in-out infinite alternate;

&:hover
{
box-shadow: #f819a7 0 0 15px, #4619f8 0 0 25px, 0 5px 20px rgba(0, 0, 0, 0.3);
border-color: rgba(248, 25, 167, 0.6);
}
}


куда добавлять?

что это?

 

[сергей рахман]

что это?

банер

 

[heartless]

банер

скинь фулл ехтра лесс свой только кодом

 

[heartless]

&::before
    {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: inherit;
        background: radial-gradient(circle at center, rgba(255, 255, 255, 0.08) 0%, transparent 70%);
        pointer-events: none;
        z-index: -1;
    }

после этого добавь это:

&::after {
content: "";
position: absolute;
left: 50%;
bottom: -20px;
transform: translateX(-50%);
width: 24px;
height: 24px;
background-image: url(https://admins.crmp-mobile-hub.ru/dd/logo.jpeg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-radius: 50%;
border: 2px solid rgba(255, 255, 255, 0.8);
box-shadow: 0 0 15px rgba(127, 0, 255, 0.9), inset 0 0 10px rgba(255, 255, 255, 0.3);
z-index: 3;
animation: pulseAvatar 4s ease-in-out infinite;
}

Спойлер: посмотри

изменено 17:41

 

[сергей рахман]

спасибо

 

[heartless]

спасибо

можно результат глянуть. интересно просто)

 

[сергей рахман]