Soru Şekilli Admin İsim Rengi

bu şekilde renk değiştiren admin isim rengi nasıl yaparım ? kod olan varmı

 

[XFSkins]

XenForo admin panelinize giriş yapın ve şu adımları izleyin:

1. Görünüm ve Diller (Appearance) > Şablonlar (Templates) sekmesine gidin.
2. Kullandığınız temayı seçip arama kutusuna extra.less yazın ve dosyayı açın.
3. Aşağıdaki kodları dosyanın en altına yapıştırıp kaydedin:

/* Hareketli ve Parlayan Admin Buton Efekti */
.hareketli-admin {
    background: linear-gradient(135deg, #7f00ff, #e100ff, #7f00ff);
    background-size: 200% 200%;
    animation: rgbGradient 3s ease infinite;
    color: #ffffff !important;
    font-weight: bold;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 8px rgba(127, 0, 255, 0.5);
    border-radius: 4px;
    padding: 3px 8px;
    display: inline-block;
}

/* Renk Değiştirme Animasyonu */
@keyframes rgbGradient {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

​

Şimdi bu oluşturduğumuz CSS sınıfını Admin grubunuza tanımlamamız gerekiyor:

1. Gruplar ve İzinler (Groups & Permissions) > Kullanıcı Grupları (User Groups) alanına gidin.
2. Administrative (Yönetici) grubunu seçin.
3. Kullanıcı Banner Metni (User Banner Text) kısmına ADMİN yazın.
4. Kullanıcı Banner Stili (User Banner Styling) seçeneğinde Diğer, özel CSS sınıf adı kullanarak (Other, using custom CSS class name) seçeneğini işaretleyin.
5. Alttaki kutucuğa sadece şu sınıf ismini yazın:
   
   

   hareketli-admin

Kaydettikten sonra admin grubundaki üyelerin üzerinde görseldeki gibi dinamik olarak renk değiştiren mor/pembe tonlarında bir buton görünecektir.

Küçük bir ipucu: Eğer renk tonlarını değiştirmek isterseniz, kod içerisindeki #7f00ff ve #e100ff renk kodlarını kendi zevkinize göre güncelleyebilirsiniz!

 

[tabut]

XenForo admin panelinize giriş yapın ve şu adımları izleyin:

1. Görünüm ve Diller (Appearance) > Şablonlar (Templates) sekmesine gidin.
2. Kullandığınız temayı seçip arama kutusuna extra.less yazın ve dosyayı açın.
3. Aşağıdaki kodları dosyanın en altına yapıştırıp kaydedin:

/* Hareketli ve Parlayan Admin Buton Efekti */
.hareketli-admin {
    background: linear-gradient(135deg, #7f00ff, #e100ff, #7f00ff);
    background-size: 200% 200%;
    animation: rgbGradient 3s ease infinite;
    color: #ffffff !important;
    font-weight: bold;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 8px rgba(127, 0, 255, 0.5);
    border-radius: 4px;
    padding: 3px 8px;
    display: inline-block;
}

/* Renk Değiştirme Animasyonu */
@keyframes rgbGradient {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

​

Şimdi bu oluşturduğumuz CSS sınıfını Admin grubunuza tanımlamamız gerekiyor:

1. Gruplar ve İzinler (Groups & Permissions) > Kullanıcı Grupları (User Groups) alanına gidin.
2. Administrative (Yönetici) grubunu seçin.
3. Kullanıcı Banner Metni (User Banner Text) kısmına ADMİN yazın.
4. Kullanıcı Banner Stili (User Banner Styling) seçeneğinde Diğer, özel CSS sınıf adı kullanarak (Other, using custom CSS class name) seçeneğini işaretleyin.
5. Alttaki kutucuğa sadece şu sınıf ismini yazın:
   

Kaydettikten sonra admin grubundaki üyelerin üzerinde görseldeki gibi dinamik olarak renk değiştiren mor/pembe tonlarında bir buton görünecektir.

hocam rank olarak değilde. admin isim rengi mesela seninki kırmızı ya ona olcak şekilde ?

 

[XFSkins]

Resimde belirttiğim alanı şu kodu ekleyin

background: linear-gradient(135deg, #7f00ff, #e100ff, #7f00ff);
    background-size: 200% 200%;
    animation: rgbGradient 3s ease infinite;
    color: #ffffff !important;
    font-weight: bold;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 8px rgba(127, 0, 255, 0.5);
    border-radius: 4px;
    padding: 3px 8px;
    display: inline-block;

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

Kaydedin