Css-Html Renk Geçişli Kullanıcı Adı Stili [ RAINBOW ] - MyBB

[#Captain]

Demo aşağıdaki linktedir..
https://codepen.io/holigan/pen/bvGGxe


Admin KP - Temalar & Şablonlar - Kullandığınız temaya girip global.css kod kutucuğunun en altına aşağıdaki kodu ekleyiniz.

Kod: Tümünü Seç Tümünü Kopyala

.usernamecaptain {
background-image: linear-gradient(270deg, #d83b3b, #e3ed20, #20ed2d, #2082ed, #cd20ed, #20edbe, #ff1493) !important;
background-size: 1200% 1200% !important;
animation: usernamecaptain 4s linear infinite;
color: transparent;
-webkit-background-clip: text;
background-clip: text;
font-weight: 900;
}
@-moz-keyframes usernamecaptain {
0% { color: #FF1919; }
15% { color: #E019FF; }
30% { color: #4F19FF; }
45% { color: #19A7FF; }
60% { color: #19FFDC; }
75% { color: #65FF19; }
90% { color: #FFE019; }
}
@-webkit-keyframes usernamecaptain {
0% { color: #FF1919; }
15% { color: #E019FF; }
30% { color: #4F19FF; }
45% { color: #19A7FF; }
60% { color: #19FFDC; }
75% { color: #65FF19; }
90% { color: #FFE019; }
}
@-webkit-keyframes usernamecaptain {
0% {
background-position: 0% 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0% 50%
}
}
@-moz-keyframes usernamecaptain {
0% {
background-position: 0% 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0% 50%
}
}
@keyframes usernamecaptain {
0% {
background-position: 0% 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0% 50%
}
}@keyframes usernamecaptain {
0% {
background-position: 0% 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0% 50%
}
}

Admin KP - Üyeler & Gruplar - Gruplar kısmına girdiğinizde kullanıcı adı stilini renkli yapmak istediğiniz gruba giriniz. Girdikten sonra kullanıcı adı stili kısmındaki kodları silip aşağıdaki kodu ekleyiniz.

Kod: Tümünü Seç Tümünü Kopyala

<span class="usernamecaptain">{username}</span>

[#Lykia]

Teşekkürler Hocam Lazım Olan Bir Şeydi ..

[Muratbaykam]

Zaten bunun konusunu açmışsın güncel çekebilirdin

http://destek.10tl.net/showthread.php?tid=95420

[#Captain]

Zaten bunun konusunu açmışsın güncel çekebilirdin

http://destek.10tl.net/showthread.php?tid=95420

Maalesef diğer açtığım konu farklı kullanıcı adı stilini içermektedir. Bu konudaki kullanıcı adı stilinin kodları düzeltilmiştir, bakabilirsiniz. ^^

[#Captain]

Ooops.

[leojely]

Eyvallah işime yarar.

[#Captain]

Rica ederim. ^^

['Arting]

Teşekkürler.

[#Captain]

Rica ederim. ^^