Şimdi bize katılın!

Kayıt olduktan ve giriş yaptıktan sonra, konular oluşturabilir, mevcut konulara cevap gönderebilirsiniz daha fazlası için forumumuza kayıt olmalısınız. Kayıt işlemi tamamen ücretsiz ve hızlıdır.

Şimdi kayıt ol!
  • 💙 Ağaçtan çıkan kibrit bile kül ediyor ağacı. Şaşırmayın insanın insana yaptığına.
Katılım
14 Mar 2024
Mesajlar
2,128
Tepkime puanı
96
Puanları
48
Konum
Fizan
İlişki Durumunuz
Evli
Burcunuz
Balık
Takım
Fenerbahçe

XenForo Toplu kullanıcı adı stilleri

Merhaba, şimdi kalıcı ve herkesin daha kolay bulabileceği kullanıcı adı stillerini sizinle paylaşıyorum.

1.Turuncu yıldız stili
CSS:
color:eek:range;
background:
url("img/star1.gif") repeat scroll 0 0%;​

star1.gif


Sonuç:
 
2.Gradient stili
background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );
background-image: gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );
color:transparent;
-webkit-background-clip: text;
background-clip: text;​

Sonuç:

Screenshot (2).png
 
7.Mavi neon
color: #fff;
text-shadow: 1px 1px 1px #0071db, 0px 0px 3px #0071db, 0px 0px 5px #0071db, 0px 0px 7px #0071db;
font-weight: bold;​

Sonuç:

Screenshot (2) (1).png
 
8.Parti stili
text-shadow: #2b65ec 1px 1px 30px;
color: #7F00FF;
font-weight: bold;
background: url(
animation: blink 5s infinite;
-moz-animation: blink 5s infinite;
-webkit-animation: blink 5s infinite;
-ms-animation: blink 5s infinite;
-o-animation: blink 5s infinite;​

confetti.gif


Sonuç:

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

Extra.less
@-webkit-keyframes TestBanner {
0% {
background-position: 0% 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0% 50%
}
}
@-moz-keyframes TestBanner {
0% {
background-position: 0% 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0% 50%
}
}
@keyframes TestBanner {
0% {
background-position: 0% 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0% 50%
}
}​

Sonuç:

9.gif

 

Konuyu görüntüleyen kullanıcılar

Benzer konular

Geri
Üst