Xenforo Toplu kullanıcı adı stilleri Xenforo Toplu kullanıcı adı stilleri Xenforo Toplu kullanıcı adı stilleri Xenforo Toplu kullanıcı adı stilleri - Scorpiol

Xenforo Toplu kullanıcı adı stilleri

Uyumlu XF 2 Sürümleri
Merhaba, bir makalede kullanıcı stilleri sorulan soruya topluca cevap vermiştim ve şimdi kalıcı ve herkesin daha kolay bulabileceği kullanıcı adı stillerini sizinle paylaşıyorum.

1.Turuncu yıldız stili
Kod:

CSS:
color:orange;
background:
url("img/star1.gif") repeat scroll 0 0%;

Resim:
star1.gif


Sonuç:
1.gif


2.Gradient stili
Kod:

CSS:
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


3.Turuncu yangın
Kod:

CSS:
text-shadow: #e4a42d 1px 1px 10px;
color: #e4a42d;
font-weight: bold;
background: url(https://siteniz.com/img/fire_orange.gif);
Resim:
fire_orange.gif

Sonuç:
3.gif


4.Mavi yangın
Kod:

CSS:
text-shadow: #6495ed 1px 1px 10px;
    color: #6495ed;
    font-weight: bold;
background: url(https://siteniz.com/img/fire_blue.gif);
Resim:
fire_blue.gif

Sonuç:
4.gif


5.Yeşil yangın
Kod:

CSS:
text-shadow: #42bd42 1px 1px 10px;
    color: #34d834;
    font-weight: bold;
    background: url(https://siteniz.com/img/fire_green.gif);
Resim:
fire_green.gif

Sonuç:
5.gif


6.Kırmızı yangın
Kod:

CSS:
text-shadow: red 1px 1px 10px;
color: red;
font-weight: bold;
background: url(https://siteniz.com/img/fire_red.gif);
Resim:
fire_red.gif

Sonuç:
6.gif


7.Mavi neon
Kod:

CSS:
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
Kod:

CSS:
text-shadow: #2b65ec 1px 1px 30px;
    color: #7F00FF;
    font-weight: bold;
    background: url(https://siteniz.com/img/confetti.gif);
    animation: blink 5s infinite;
    -moz-animation: blink 5s infinite;
    -webkit-animation: blink 5s infinite;
    -ms-animation: blink 5s infinite;
    -o-animation: blink 5s infinite;
Resim:
confetti.gif

Sonuç:
7.gif


9.Mor stili
Kod:

CSS:
text-shadow: #800080 1px 1px 12px;
    color: MediumPurple;
    font-weight: bold;
    background: url(https://siteniz.com/img/star1.gif);
Resim:
star1.gif

Sonuç:
8.gif


10.Gradient 2
Kod:

CSS:
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
CSS:
@-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


11. Hidden stili
Kod:

CSS:
text-transform: uppercase;
    overflow: hidden;
    background: linear-gradient(90deg, #000000, #ffffff, #000000);
    background-repeat: no-repeat;
    background-size: 80%;
    animation: hiddenstil 3s linear infinite;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255, 255, 255, 0);
Extra.less
CSS:
@keyframes hiddenstil {
  0% {
    background-position: -500%;
  }
  100% {
    background-position: 500%;
  }
}
    Sonuç:







0 Yorumlar

Yorum Gönder

Yorum Gönder (0)

Daha yeni Daha eski
Oxygen Chrome
xenforo eklentileri manuel sql injection hacker blog Sunucu Optimizasyon