Kullanıcı:
Filtreler
XenGenTr

Foruma hoş geldin 👋, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.

Giriş yap Şimdi kayıt ol

Nasıl yapılır ? Rank'da renk geçişi nasıl yapılır ?

ForumKolik

ForumKolik

Sabit kullanıcı
SMS onaylı
Kullanıcı
Katılım
20 Kasım 2021
Mesajlar
63
Merhaba X bir forumda gördüğüm rank çok hoşuma gitti ve kendi forum sitemede yapmak istiyorum. aşağıda göstereceğim.



rank1.gif

bu şekilde hareketli rank nasıl yapabilirim ?
 

Nasıl yapılır ? Rank'da renk geçişi nasıl yapılır ?

Onurhan T.
ForumKolik' Alıntı:
www.sroarena.com

Duyuru - Ücretsiz 1 Aylık Sabit Konu işbirliği

Merhaba SROARENA Ailesi Private Server ( Özel Sunucu ) Sahipleri ile işbirliği programımızın ilk adımı olan işbirliği "Hoşgeldiniz" "Hoşgeldiniz" Pakedi nedir ? 1- Sunucunuzun Web sitesinde görünecek şekilde Aşağıdaki logolarımızdan birtanesini eklemelisiniz. 2- SROARENA'da Tanıtım konusunu...
www.sroarena.com www.sroarena.com
Genişletmek için tıkla ...

Less: 
.uye_rank{
background: linear-gradient(-45deg, oklab(0.3 -0.03 -0.04) 0%, oklab(0.54 -0.08 0) 13%, oklab(0.82 -0.13 0.08) 25%, oklab(0.11 -0.13 0) 38%, oklab(0.3 -0.03 -0.04) 50%, oklab(0.54 -0.08 0) 62%, oklab(0.82 -0.13 0.08) 75%, oklab(0.11 -0.13 0) 87%, oklab(0.3 -0.03 -0.04) 100%);
  background-size: 400% 400%;
  position: relative;
  animation: arkaPlanaHareketKat 7.5s ease-in-out infinite;
  color:white;
  font-weight:bolder;
}

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

Eksik yazmışım, şunu bi denermisin.
Tamamını görüntüle
Tarihe göre sırala Oylara göre sırala
ForumKolik' Alıntı:
Tasarım - Minecraft Server Web Design - paysaae

umarım reklam olmaz ^^
Genişletmek için tıkla ...

Yok canım ne reklamı olsun :) ne için yazıştığımız belli.

extra.less ekle :

Kod: 
.uye_rank{
background: linear-gradient(-45deg, oklab(0.3 -0.03 -0.04) 0%, oklab(0.54 -0.08 0) 13%, oklab(0.82 -0.13 0.08) 25%, oklab(0.11 -0.13 0) 38%, oklab(0.3 -0.03 -0.04) 50%, oklab(0.54 -0.08 0) 62%, oklab(0.82 -0.13 0.08) 75%, oklab(0.11 -0.13 0) 87%, oklab(0.3 -0.03 -0.04) 100%);
  background-size: 400% 400%;
  position: relative;
  animation: arkaPlanaHareketKat 7.5s ease-in-out infinite;
  color:white;
  font-weight:bolder;
}

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

Kullanıcı gruplarında bulunan "Kullanıcı Rank Tasarımı" bölümünden Diğer, özel CSS sınıfı adı kullanarak seçeneğini işaretleyin ve altına "uye.rank" olarak yaz. İsimleri kullanıcı grubuna göre kendin adlandırır, belirteceğin kullanıcı grubuna göre renkleride değiştirsin. Örnek olarak ben bir tane yaptım.

1.webp
 
Son düzenleme:
Oyla 0 Downvote
Onurhan T.' Alıntı:
Yok canım ne reklamı olsun :) ne için yazıştığımız belli.

extra.less ekle :

Kod: 
.uye_rank {
    background: linear-gradient(-45deg, oklab(.3 -0.03 -0.04) 0%, oklab(.54 -0.08 0) 13%, oklab(.82 -0.13 .08) 25%, oklab(.11 -0.13 0) 38%, oklab(.3 -0.03 -0.04) 50%, oklab(.54 -0.08 0) 62%, oklab(.82 -0.13 .08) 75%, oklab(.11 -0.13 0) 87%, oklab(.3 -0.03 -0.04) 100%);
    background-size: 400% 400%;
    position: relative;
    animation: arkaPlanaHareketKat 7.5s ease-in-out infinite;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 20px;
    font-weight: bolder;
    color: white;
}

Kullanıcı gruplarında bulunan "Kullanıcı Rank Tasarımı" bölümünden Diğer, özel CSS sınıfı adı kullanarak seçeneğini işaretleyin ve altına "uye.rank" olarak yaz. İsimleri kullanıcı grubuna göre kendin adlandırır, belirteceğin kullanıcı grubuna göre renkleride değiştirsin. Örnek olarak ben bir tane yaptım.

Ekli dosyayı görüntüle 27195
Genişletmek için tıkla ...
ekledim ama hareket etmiyor arka plan :D
 
Oyla 0 Downvote
Oyla 0 Downvote
ForumKolik' Alıntı:
www.sroarena.com

Duyuru - Ücretsiz 1 Aylık Sabit Konu işbirliği

Merhaba SROARENA Ailesi Private Server ( Özel Sunucu ) Sahipleri ile işbirliği programımızın ilk adımı olan işbirliği "Hoşgeldiniz" "Hoşgeldiniz" Pakedi nedir ? 1- Sunucunuzun Web sitesinde görünecek şekilde Aşağıdaki logolarımızdan birtanesini eklemelisiniz. 2- SROARENA'da Tanıtım konusunu...
www.sroarena.com www.sroarena.com
Genişletmek için tıkla ...

Less: 
.uye_rank{
background: linear-gradient(-45deg, oklab(0.3 -0.03 -0.04) 0%, oklab(0.54 -0.08 0) 13%, oklab(0.82 -0.13 0.08) 25%, oklab(0.11 -0.13 0) 38%, oklab(0.3 -0.03 -0.04) 50%, oklab(0.54 -0.08 0) 62%, oklab(0.82 -0.13 0.08) 75%, oklab(0.11 -0.13 0) 87%, oklab(0.3 -0.03 -0.04) 100%);
  background-size: 400% 400%;
  position: relative;
  animation: arkaPlanaHareketKat 7.5s ease-in-out infinite;
  color:white;
  font-weight:bolder;
}

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

Eksik yazmışım, şunu bi denermisin.
 
Oyla 0 Downvote
Çözüm
Cevap yazmak için giriş yap yada kayıt ol.

Tema özelleştirme sistemi

Bu menüden forum temasının bazı alanlarını kendinize özel olarak düzenleye bilirsiniz.

Sisteme duyarlı
Gündüz modu
Gece modu
Zevkine göre renk kombinasyonunu belirle

Tam ekran yada dar ekran

Temanızın gövde büyüklüğünü sevkiniz, ihtiyacınıza göre dar yada geniş olarak kulana bilirsiniz.

Izgara yada normal mod

Temanızda forum listeleme yapısını ızgara yapısında yada normal yapıda listemek için kullanabilirsiniz.

Forum arkaplan resimleri

Forum arkaplanlarına eklenmiş olan resimlerinin kontrolü senin elinde, resimleri aç/kapat

Sidebar blogunu kapat/aç

Forumun kalabalığında kurtulmak için sidebar (kenar çubuğunu) açıp/kapatarak gereksiz kalabalıklardan kurtula bilirsiniz.

Yapışkan sidebar kapat/aç

Yapışkan sidebar ile sidebar alanını daha hızlı ve verimli kullanabilirsiniz.

Radius aç/kapat

Blok köşelerinde bulunan kıvrımları kapat/aç bu şekilde tarzını yansıt.

Foruma hoş geldin 👋, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.

Giriş yap Şimdi kayıt ol
Geri