Çözüldü Özel Tag

ByNeels · 1 Haz 2020

CSS:

.userBanner--staff, .username--staff {
    font-weight:bold;
    background-image: linear-gradient(210deg, #8F343A, #26A65B, #1C86EE, #FFBE1C, #176093, #7AF26D, #8E44AD, #CC6600, #CF4D35, #E0EEEE) !important;
    background-size: 1200% 1200% !important;
    -webkit-animation: TurkBinGazi 15s ease infinite !important;
    -moz-animation: TurkBinGazi 15s ease infinite !important;
    -o-animation: TurkBinGazi 15s ease infinite !important;
    animation: TurkBinGazi 15s ease infinite !important;
}

@-webkit-keyframes TurkBinGazi {0% {background-position: 0% 50%}50% {background-position: 100% 50%}100% {background-position: 0% 50%}}
@-moz-keyframes TurkBinGazi     {0% {background-position: 0% 50%}50% {background-position: 100% 50%}100% {background-position: 0% 50%}}
@-o-keyframes TurkBinGazi        {0% {background-position: 0% 50%}50% {background-position: 100% 50%}100% {background-position: 0% 50%}}
@keyframes TurkBinGazi         {0% {background-position: 0% 50%}50% {background-position: 100% 50%}100% {background-position: 0% 50%}}

Arkadaşlar bu kod sadece Stafflarda çalışıyor ve Nick kısmı renkli olmuyor nick kısmının etrafı renkli oluyor.
Ben bunu benim ayarladığım grupta çalışacak şekilde ve nickin etrafı yerine nick kısmı rengârenk olacak şekilde nasıl yapabilirim?

ByNeels · 2 Haz 2020

MusaPekel' Alıntı:

Merhaba tek bir cevap yazmanız yeterli olucaktır.

Görünüm ve diller > Şablonlar > Extra.less şablonun içerisine aşağıda ki kodu giriniz.

CSS:

 .userBanner--staff,
.message-userBanner.userBanner {
     font-weight: bold;
     background-image: linear-gradient(270deg, #d83b3b, #e3ed20, #20ed2d, #2082ed, #cd20ed, #20edbe);
     background-size: 1200% 1200%;
     -webkit-animation: xengentr 15s ease infinite;
     -moz-animation: xengentr 15s ease infinite;
     -o-animation: xengentr 15s ease infinite;
     animation: xengentr 15s ease infinite;
}

@-webkit-keyframes xengentr {
     0% {
         background-position: 0% 50%
     }
     50% {
         background-position: 100% 50%
     }
     100% {
         background-position: 0% 50%
     }
}

@-moz-keyframes xengentr {
     0% {
         background-position: 0% 50%
     }
     50% {
         background-position: 100% 50%
     }
     100% {
         background-position: 0% 50%
     }
}

@-o-keyframes xengentr {
     0% {
         background-position: 0% 50%
     }
     50% {
         background-position: 100% 50%
     }
     100% {
         background-position: 0% 50%
     }
}

@keyframes xengentr {
     0% {
         background-position: 0% 50%
     }
     50% {
         background-position: 100% 50%
     }
     100% {
         background-position: 0% 50%
     }
}

Not : Sadece kullanıcı grup bannerlarında gözükmektedir.

Ekstra :

Kullanıcı adını animation rainbow yapmak için Grup Ve İzinler > Kullanıcı grubu > hangi grupta kullanıcı adı rengini değiştirmek istiyorsanız içerisinde giriniz. ( ÖRNEK : Moderatör )

Kullanıcı adı css kısmın aşağıda paylaşmış olduğum kodu eklemeniz yeterli olucaktır.

CSS:

     background-image: linear-gradient(270deg, #d83b3b, #e3ed20, #20ed2d, #2082ed, #cd20ed, #20edbe) !important;
     background-size: 1200% 1200% !important;
     -webkit-animation: xengentr 30s ease infinite !important;
     -moz-animation: xengentr 30s ease infinite !important;
     animation: xengentr 30s ease infinite !important;
     color: transparent;
     -webkit-background-clip: text;
     background-clip: text;
     font-weight: 900;

İyi Günler

Kodu extra.less'e ekledim ama Flama değişmiyor.

MC-TR isimli bir sitede Premium isimli üyelerde böyle Animasyonlu Rainbow Tag'lar var. Onlardan yapıp atamaz misiniz hocam?

ByNeels · 2 Haz 2020

Hocam birde bu ilk attığınız kod halen Stafflarda çalışıyor.

ByNeels · 2 Haz 2020

Sorun MusaPekel tarafından çözülmüştür.

Kendisine sonsuz teşekkürler

MusaPekel · 2 Haz 2020

ByNeels' Alıntı:
Sorun MusaPekel tarafından çözülmüştür.

Kendisine sonsuz teşekkürler

Ne demek hocam Ekstra olarak paylaşımını yapalım burada herkes yararlansın

Görünüm ve diller > Şablonlar > Extra.less şablonun içerisine aşağıda ki kodu giriniz.

CSS:

em.userBanner {
        font-weight: 650;
        border-radius: 2px;
        padding: 5px 20px;
        margin-bottom: 6px;
        border: 1px;
        font-size: 12px;
        color: white;
}
.premium {
        background: linear-gradient(158deg, #f00, #ff005c, #ff00a0, #c0f, #7d00ff, #000aff, #00e0ff);
        background-size: 1400% 1400%;
        -webkit-animation: premium 6s ease infinite;
        -moz-animation: premium 6s ease infinite;
        -o-animation: premium 6s ease infinite;
        animation: premium 6s ease infinite;
}

Grup Ve İzinler > Kullanıcı grubu > hangi grupta kullanıcı adı rengini değiştirmek istiyorsanız içerisinde giriniz.

CSS:

 background-image: linear-gradient(158deg, #f00, #ff005c, #ff00a0, #c0f, #7d00ff, #000aff, #00e0ff) !important;
        background-size: 1200% 1200% !important;
        -webkit-animation: premium 30s ease infinite !important;
        -moz-animation: premium 30s ease infinite !important;
        animation: premium 30s ease infinite !important;
        color: transparent;
        -webkit-background-clip: text;
        background-clip: text;
        font-weight: 900;

Ara

Ara

Foruma hoş geldin 👋, Ziyaretçi

Çözüldü Özel Tag

ByNeels

Kullanıcı