https://instagram.com/alphazzers
   
Konuyu Oyla:
  • Toplam: 0 Oy - Ortalama: 0
  • 1
  • 2
  • 3
  • 4
  • 5
Css-Html Renk Geçişli Kullanıcı Adı Stili [ RAINBOW ] - MyBB
#1
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:
.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:
<span class="usernamecaptain">{username}</span>
https://instagram.com/alphazzers
Ara
Cevapla PGM
Teşekkür verenler:
#2
Teşekkürler Hocam Lazım Olan Bir Şeydi ..
Ara
Cevapla PGM
Teşekkür verenler:
#3
Zaten bunun konusunu açmışsın güncel çekebilirdin

http://destek.10tl.net/showthread.php?tid=95420
Bana ulaşmak için / http://english.10tl.net

MybbPHPVB.NETHTMLCSS MySQL                                    

Eğer eleştiriden korkuyorsanız, dünyadan hiçbir şey yapmadan geçip gideceksiniz demektir. 
Cevapla PGM
Teşekkür verenler:
#4
(08-03-2018 Saat: 12:30)Murat#Baykam Nickli Kullanıcıdan Alıntı: 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. ^^
https://instagram.com/alphazzers
Ara
Cevapla PGM
Teşekkür verenler:
#5
Ooops.
https://instagram.com/alphazzers
Ara
Cevapla PGM
Teşekkür verenler:
#6
Eyvallah işime yarar.
Ara
Cevapla PGM
Teşekkür verenler:
#7
Rica ederim. ^^
https://instagram.com/alphazzers
Ara
Cevapla PGM
Teşekkür verenler:
#8
Teşekkürler.
Ara
Cevapla PGM
Teşekkür verenler:
#9
Rica ederim. ^^
https://instagram.com/alphazzers
Ara
Cevapla PGM
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 2 Ziyaretçi



Reklam yaziniz bostur. ayarlardan duzenleyiniz:medi -

Online Shopping App
Online Shopping - E-Commerce Platform
Online Shopping - E-Commerce Platform
Feinunze Schmuck Jewelery Online Shopping