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.

  • hey ; @Ziyaretçi, coin kasmak için reklama bas. reklam başı 100coin.
Nasıl Yapılır

İnfo

Administrator
Puanları 30
Çözümler 53
Katılım
14 May 2022
Mesajlar
1,594
Çözümler
53
T. puanı
2,539
Konum
Almanya
İnfo
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:
Kod:
color:orange;
background:
url("img/star1.gif") repeat scroll 0 0%;
star1.gif

Sonuç:
1.gif

2.Gradient stili
Kod:
Kod:
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:
Kod:
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:
Kod:
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:
Kod:
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:
Kod:
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:
Kod:
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:
Kod:
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:
Kod:
text-shadow: #800080 1px 1px 12px;
    color: MediumPurple;
    font-weight: bold;
    background: url(https://siteniz.com/img/star1.gif);
Resim:
star1 (1).gif


Sonuç:
8.gif



10.Gradient 2
Kod:
Kod:
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
[CODE title="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%
}
}[/CODE]
Sonuç:
9.gif

11. Hidden stili
Kod:
Kod:
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
Kod:
@keyframes hiddenstil {
  0% {
    background-position: -500%;
  }
  100% {
    background-position: 500%;
  }
}

Sonuç:
10.gif
 
SPAM YAPMAK YASAKTIR!
  • Örneğin: teşekkürler, sağol, çok iyi, asdqwe, çalışıyor, ty ve benzeri!
  • Örneğin: Aynı mesajı sürekli olarak yazmak. teşekkürler, tşk ve benzeri!
  • Bir başkasının mesajını kopyalayıp aynısını yazmak yasaktır.
  • Bilginiz olmadığı konulara yorum sayınız artsın diye mesaj atmak yasaktır.
  • Yorum yaparken kendi fikrinizi yazınız!
  • Spam mesaj atan görürseniz RAPOR tuşu ile bize bildirmeniz önem ve rica olunur!

Tema özelleştirme sistemi

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

Zevkini yansıtan rengi seç

Geniş / Dar görünüm

Temanızı geniş yada dar olarak kullanmak için kullanabileceğiniz bir yapıyı kontrolünü sağlayabilirsiniz.

Izgara görünümlü forum listesi

Forum listesindeki düzeni ızgara yada sıradan listeleme tarzındaki yapının kontrolünü sağlayabilirsiniz.

Resimli ızgara modu

Izgara forum listesinde resimleri açıp/kapatabileceğiniz yapının kontrolünü sağlayabilirsiniz.

Kenar çubuğunu kapat

Kenar çubuğunu kapatarak forumdaki kalabalık görünümde kurtulabilirsiniz.

Sabit kenar çubuğu

Kenar çubuğunu sabitleyerek daha kullanışlı ve erişiminizi kolaylaştırabilirsiniz.

Köşe kıvrımlarını kapat

Blokların köşelerinde bulunan kıvrımları kapatıp/açarak zevkinize göre kullanabilirsiniz.

Geri