Tema düzenleyici

Sayfa Genişliği

Sayfa Genişliğini Değiştir

Sayfa genişliğini değiştirmenizi sağlar
Tema değişkenleri

Kullanmak istediğiniz stil varyasyonunu seçin

Aydınlık Karanlık
Kenar çubuğu

Kenar çubuğunu aç/kapat

Kenar çubuğunu aç veya kapat

Yapışkan kenar çubuğu

Kenar çubuğunun yapışkan bir şekilde görüntülenmesini sağlar

Kenar çubuğu pozisyonu

Sol

Sağ

Sizlere Önemli Bir Mesajımız Var! 🎉

JavaScript devre dışı. Daha iyi bir deneyim için, önce lütfen tarayıcınızda JavaScript'i etkinleştirin.

XenForo Animasyonlu kullanıcı banner tasarımı

HAN · 2025-10-26T18:01:54+00:00

Uyumlu XF Sürümleri 2.2.X 2.3.X Forumunuza animasyonlu kullanıcı banner tasarımı oluşturun. Aşağıdaki kodu temanızın extra.less şablonuna ekleyin ve kaydedin: /*****Animasyonlu Rank Tasarımı TRXF*****/ .m-userBannerVariation(@color; @bg; @border: false) { color: @color; background-size: 2.5em 2.5em; background-image: linear-gradient(-45deg, rgba(255, 255, 255, .35) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .35) 50%, rgba(255, 255, 255, .35) 75%, transparent 75%, transparent); background-color: @bg; border-color: xf-intensify(@bg, 10%); & when (iscolor(@border)) { border-color: @border; } } .userBanner { font-size: 70%; font-weight: @xf-fontWeightNormal; font-style: normal; text-transform: uppercase; font-weight: 500; padding: 3px @xf-paddingMedium; border: 1px solid transparent; border-radius: @xf-borderRadiusSmall; text-align: center; display: inline-block; text-shadow: 1px 0 1px #000, 0 1px 1px #000, -1px 0 1px #000, 0 -1px 1px #000; animation: bg-animate 5s linear infinite; strong { font-weight: inherit; } &.userBanner--hidden { background: none; border: none; background-image: none; box-shadow: none; text-shadow: none; } &.userBanner--staff { .m-userBannerVariation(@xf-linkColor, @xf-contentHighlightBg, @xf-borderColorHighlight); background-image: none; box-shadow: none; text-shadow: none; } &.userBanner--primary { .m-userBannerVariation(white, #34495e); } &.userBanner--accent { .m-userBannerVariation(white, #9a12b3); } &.userBanner--red { .m-userBannerVariation(white, #d80000); } &.userBanner--green { .m-userBannerVariation(white, #008000); } &.userBanner--olive { .m-userBannerVariation(white, #808000); } &.userBanner--lightGreen { .m-userBannerVariation(white, #a3c7a0); } &.userBanner--blue { .m-userBannerVariation(white, #0008e3); } &.userBanner--royalBlue { .m-userBannerVariation(white, #4169e1); } &.userBanner--skyBlue { .m-userBannerVariation(white, #7cc3e0); } &.userBanner--gray { .m-userBannerVariation(white, #808080); } &.userBanner--silver { .m-userBannerVariation(white, #c0c0c0); } &.userBanner--yellow { .m-userBannerVariation(white, #f7ca18); } &.userBanner--orange { .m-userBannerVariation(white, #e87e04); } } @keyframes bg-animate { from { background-position: 0 0; } to { background-position: 5em 0; } } /*********************/

Konuyu Başlatan HAN
Başlangıç tarihi 26 Eki 2025
Cevaplar 0
Görüntüleme 6

Yönetici

HAN

Moderatör

1/3

26 Eki 2025

Uyumlu XF Sürümleri

2.2.X
2.3.X

Forumunuza animasyonlu kullanıcı banner tasarımı oluşturun.

Aşağıdaki kodu temanızın extra.less şablonuna ekleyin ve kaydedin:

Kod:

İçeriği sadece üyelerimiz görebilir.

Sende şimdi bize katılmak ister misin?

Kayıt ol

Bize katılım kolay ve ücretsizdir!

Üye ol

Giriş Yap

Zaten bir hesabınız var mı? Buradan giriş yapın.

Benzer Konular

XenForo Renk geçişli XenForo rank yapımı

Cevaplar: 0

Görüntüleme: 26

31 Eki 2025

HAN

XenForo Yapışkan postbit

Cevaplar: 0

Görüntüleme: 3

31 Eki 2025

HAN

XenForo Kullanıcı afişlerine kurdele görünümü sağlayın

Cevaplar: 0

Görüntüleme: 6

31 Eki 2025

HAN

Rehber XenForo Altbilgi (Footer) İletişim E-postaları Ekleme

Cevaplar: 2

Görüntüleme: 28

27 Eki 2025

CL4Y

XenForo Kategori başlıklarına icon ekleyin

5.00 yıldız 1 Puan

Cevaplar: 0

Görüntüleme: 29

26 Eki 2025

HAN

Paylaş:

Vk Ok Blogger Diaspora Weibo Mastodon Facebook X (Twitter) Bluesky LinkedIn Reddit Pinterest Tumblr WhatsApp Telegram Viber Skype E-posta Google Yahoo Evernote Xing Link

Son Mesajlar

Silinen WhatsApp Konuşmaları Mahkemede Çıkar mı?
- En son: HAN
- Dün 21:28 da
Off Topic
iPhone WhatsApp’ta Silinen Mesajları Görme
- En son: HAN
- Dün 21:24 da
Off Topic
WhatsApp’ta Silinen Mesajları Geri Getirme
- En son: HAN
- Dün 21:22 da
Off Topic
Whatsapp silinen mesajları görme
- En son: HAN
- Dün 21:21 da
Off Topic
WhatsApp Silinen Mesajları Geri Getirme
- En son: HAN
- Dün 21:17 da
Off Topic

Son Konular

Silinen WhatsApp Konuşmaları Mahkemede Çıkar mı?
- Başlatan HAN
- Dün 21:28 da
- Puan: 0
- Cevaplar: 0
Off Topic
iPhone WhatsApp’ta Silinen Mesajları Görme
- Başlatan HAN
- Dün 21:24 da
- Puan: 0
- Cevaplar: 0
Off Topic
WhatsApp’ta Silinen Mesajları Geri Getirme
- Başlatan HAN
- Dün 21:22 da
- Puan: 0
- Cevaplar: 0
Off Topic
Whatsapp silinen mesajları görme
- Başlatan HAN
- Dün 21:21 da
- Puan: 0
- Cevaplar: 0
Off Topic
WhatsApp Silinen Mesajları Geri Getirme
- Başlatan HAN
- Dün 21:17 da
- Puan: 0
- Cevaplar: 0
Off Topic

Dikkat!

İçerik sağlayıcı paylaşım sitesi olarak hizmet veren TeknolojiForum.com adresimizde 5651 Sayılı Kanun'un 8. Maddesine ve T.C.K' nın 125. Maddesine göre tüm üyelerimiz yaptıkları paylaşımlardan kendileri sorumludur. TeknolojiForum.com hakkında yapılacak tüm hukuksal şikayetler iletişim linkimizden bize ulaşıldıktan en geç 3 (üç) gün içerisinde ilgili kanunlar ve yönetmelikler çerçevesinde tarafımızca incelenerek, gereken işlemler yapılacak ve tarafından bilgi verilecektir.

Geri

Üst

Tema düzenleyici

Sayfa Düzeni Görünüm Kenar çubuğu

Sayfa Genişliği

Sayfa Genişliğini Değiştir

Tema değişkenleri

Kenar çubuğu

Kenar çubuğunu aç/kapat

Yapışkan kenar çubuğu

discussion XenForo Animasyonlu kullanıcı banner tasarımı

HAN

Benzer Konular

Son Mesajlar

Son Konular

Dikkat!

XenForo Animasyonlu kullanıcı banner tasarımı