Welcome!

By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!

Баннера LIVE RUSSIA

G

groznygyy

Авг
105
7
Пользователь
Сливаю для вас баннеры LIVE RUSSIA но чучуть поредачил с иконками, [сами поменяете]


extra.less: 
.userBanner.tc-cus-banner-42,
.userBanner.tc-cus-banner-49,
.userBanner.tc-cus-banner-69,
.userBanner.tc-cus-banner-184,
.userBanner.tc-cus-banner-5387,
.userBanner.tc-cus-banner-11771,
.userBanner.tc-cus-banner-27840,
.userBanner.tc-cus-banner-35235,
.userBanner.tc-cus-banner-36483,
.userBanner.tc-cus-banner-44003,
.userBanner.tc-cus-banner-44393 {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 3px 9px;
    border: 1px solid;
    border-radius: 10px;
    overflow: hidden;
    box-sizing: border-box;
    white-space: nowrap;
    line-height: inherit;
}

.userBanner.tc-cus-banner-42::before,
.userBanner.tc-cus-banner-49::before,
.userBanner.tc-cus-banner-69::before,
.userBanner.tc-cus-banner-184::before,
.userBanner.tc-cus-banner-5387::before,
.userBanner.tc-cus-banner-11771::before,
.userBanner.tc-cus-banner-27840::before,
.userBanner.tc-cus-banner-35235::before,
.userBanner.tc-cus-banner-36483::before,
.userBanner.tc-cus-banner-44003::before,
.userBanner.tc-cus-banner-44393::before {
    font-family: "Font Awesome 5 Pro";
    font-style: normal;
    font-weight: 900;
    content: "\f00c";
    font-size: 1em;
    margin-right: 6px;
    width: 1em;
    display: inline-block;
    text-align: center;
    position: relative;
    z-index: 2;
}

.userBanner.tc-cus-banner-42,
.userBanner.tc-cus-banner-49,
.userBanner.tc-cus-banner-69,
.userBanner.tc-cus-banner-184,
.userBanner.tc-cus-banner-27840,
.userBanner.tc-cus-banner-35235,
.userBanner.tc-cus-banner-36483,
.userBanner.tc-cus-banner-44003,
.userBanner.tc-cus-banner-44393 {
    color: #111;
    background: #ffcb00;
    border-color: #ffe066;
}

.userBanner.tc-cus-banner-5387 {
    color: #111;
    background: #b9c8d8;
    border-color: #d9e6f2;
}

.userBanner.tc-cus-banner-11771 {
    color: #111;
    background: #c8c8c8;
    border-color: #eeeeee;
}

.userBanner.tc-cus-banner-42::after,
.userBanner.tc-cus-banner-49::after,
.userBanner.tc-cus-banner-69::after,
.userBanner.tc-cus-banner-184::after,
.userBanner.tc-cus-banner-5387::after,
.userBanner.tc-cus-banner-11771::after,
.userBanner.tc-cus-banner-27840::after,
.userBanner.tc-cus-banner-35235::after,
.userBanner.tc-cus-banner-36483::after,
.userBanner.tc-cus-banner-44003::after,
.userBanner.tc-cus-banner-44393::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 30%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.55),
        transparent
    );
    transform: skewX(-20deg);
    pointer-events: none;
    animation: tcBannerShine 3s ease-in-out infinite;
}

@keyframes tcBannerShine {
    0% {
        left: -100%;
    }
    40% {
        left: 130%;
    }
    100% {
        left: 130%;
    }
}

.userBanner.tc-cus-banner-hidden {
    display: none;
}

В css имена .userBanner.tc-cus-banner-42
 

Вложения

  • Screenshot_20260829-115150_Chrome.jpg
    Screenshot_20260829-115150_Chrome.jpg
    40.5 KB · Просмотры: 8
G

groznygyy

Авг
105
7
Пользователь
groznygyy написал(а):
Сливаю для вас баннеры LIVE RUSSIA но чучуть поредачил с иконками, [сами поменяете]


extra.less: 
.userBanner.tc-cus-banner-42,
.userBanner.tc-cus-banner-49,
.userBanner.tc-cus-banner-69,
.userBanner.tc-cus-banner-184,
.userBanner.tc-cus-banner-5387,
.userBanner.tc-cus-banner-11771,
.userBanner.tc-cus-banner-27840,
.userBanner.tc-cus-banner-35235,
.userBanner.tc-cus-banner-36483,
.userBanner.tc-cus-banner-44003,
.userBanner.tc-cus-banner-44393 {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 3px 9px;
    border: 1px solid;
    border-radius: 10px;
    overflow: hidden;
    box-sizing: border-box;
    white-space: nowrap;
    line-height: inherit;
}

.userBanner.tc-cus-banner-42::before,
.userBanner.tc-cus-banner-49::before,
.userBanner.tc-cus-banner-69::before,
.userBanner.tc-cus-banner-184::before,
.userBanner.tc-cus-banner-5387::before,
.userBanner.tc-cus-banner-11771::before,
.userBanner.tc-cus-banner-27840::before,
.userBanner.tc-cus-banner-35235::before,
.userBanner.tc-cus-banner-36483::before,
.userBanner.tc-cus-banner-44003::before,
.userBanner.tc-cus-banner-44393::before {
    font-family: "Font Awesome 5 Pro";
    font-style: normal;
    font-weight: 900;
    content: "\f00c";
    font-size: 1em;
    margin-right: 6px;
    width: 1em;
    display: inline-block;
    text-align: center;
    position: relative;
    z-index: 2;
}

.userBanner.tc-cus-banner-42,
.userBanner.tc-cus-banner-49,
.userBanner.tc-cus-banner-69,
.userBanner.tc-cus-banner-184,
.userBanner.tc-cus-banner-27840,
.userBanner.tc-cus-banner-35235,
.userBanner.tc-cus-banner-36483,
.userBanner.tc-cus-banner-44003,
.userBanner.tc-cus-banner-44393 {
    color: #111;
    background: #ffcb00;
    border-color: #ffe066;
}

.userBanner.tc-cus-banner-5387 {
    color: #111;
    background: #b9c8d8;
    border-color: #d9e6f2;
}

.userBanner.tc-cus-banner-11771 {
    color: #111;
    background: #c8c8c8;
    border-color: #eeeeee;
}

.userBanner.tc-cus-banner-42::after,
.userBanner.tc-cus-banner-49::after,
.userBanner.tc-cus-banner-69::after,
.userBanner.tc-cus-banner-184::after,
.userBanner.tc-cus-banner-5387::after,
.userBanner.tc-cus-banner-11771::after,
.userBanner.tc-cus-banner-27840::after,
.userBanner.tc-cus-banner-35235::after,
.userBanner.tc-cus-banner-36483::after,
.userBanner.tc-cus-banner-44003::after,
.userBanner.tc-cus-banner-44393::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 30%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.55),
        transparent
    );
    transform: skewX(-20deg);
    pointer-events: none;
    animation: tcBannerShine 3s ease-in-out infinite;
}

@keyframes tcBannerShine {
    0% {
        left: -100%;
    }
    40% {
        left: 130%;
    }
    100% {
        left: 130%;
    }
}

.userBanner.tc-cus-banner-hidden {
    display: none;
}

В css имена .userBanner.tc-cus-banner-42
Нажмите для раскрытия...
OFFTOP

для нубо рп сойдет

 
G

groznygyy

Авг
105
7
Пользователь
OFFTOP

дердите еще кастом галочку, скачайте еще плаги verified badge



extra.less: 
.fa-check-circle {
    display: inline-block !important;
    position: relative !important;
    width: 20px !important;
    height: 18px !important;
    margin: 0 4px 0 0 !important;
    vertical-align: -4px !important;
    font-size: 0 !important;
    line-height: 0 !important;
    background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 90'%3E%3Cpath fill='%23ffb52b' d='M4 17H27L39 32L50 3L61 32L73 17H96L87 87H13Z'/%3E%3Cpath fill='%23222222' d='M38 52L48 62L73 36L80 43L50 76L31 57Z'/%3E%3Cpath fill='%23ffffff' d='M34 49L45 60L70 34L76 40L46 70L27 53Z'/%3E%3C/svg%3E") center center / contain no-repeat !important;
    border: 0 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    animation: none !important;
    box-sizing: border-box !important;
}

.fa-check-circle:before,
.fa-check-circle:after {
    content: none !important;
    display: none !important;
}
 
Войдите или зарегистрируйтесь для ответа.
Сверху