ParsKo
Dijital Dünyanın Babası
Sadece başlıkları ara
Kullanıcı:
Giriş yap
Kayıt ol
Neler yeni
Ara
Ara
Sadece başlıkları ara
Kullanıcı:
Forumlar
Yeni mesajlar
Forumlarda ara
Neler yeni
Yeni mesajlar
Yeni kaynaklar
Yeni profil mesajları
Son aktiviteler
Kaynaklar
En son incelemeler
Kaynak ara
Kullanıcılar
Şu anki ziyaretçiler
Yeni profil mesajları
Profil mesajlarında ara
Premium
Giriş yap
Kayıt ol
Neler yeni
Ara
Ara
Sadece başlıkları ara
Kullanıcı:
Menü
Giriş yap
Kayıt ol
Uygulamayı yükle
Yükle
Xenforo Genel Paylaşımları
Xenforo Genel Bilgiler
[Svg] Banner With Light Effect : Işık Efektli User Banner - Özel Rank
JavaScript devre dışı. Daha iyi bir deneyim için, önce lütfen tarayıcınızda JavaScript'i etkinleştirin.
Çok eski bir web tarayıcısı kullanıyorsunuz. Bu veya diğer siteleri görüntülemekte sorunlar yaşayabilirsiniz..
Tarayıcınızı güncellemeli veya
alternatif bir tarayıcı
kullanmalısınız.
Konuya cevap cer
Mesaj
<blockquote data-quote="Kurucu Admin" data-source="post: 659" data-attributes="member: 1"><p>Işık Efektli kullanıcı rank kullanmak isterseniz, aşağıdaki basit kodlamayı yapmanız yeterli olacaktır.</p><p></p><p><img src="https://xenforo.gen.tr/attachments/banner2-gif.4149/" alt="banner2.gif" class="fr-fic fr-dii fr-draggable " style="" /></p><p></p><p></p><p></p><p><strong>NASIL Yapılır:</strong></p><p><strong>1-</strong> Kullandığımız temanın "extra.less" şablonuna aşağıdaki kodu ekliyoruz.</p><p></p><p>[CODE=css]</p><p>NOT: Orjinal konu linki : https://svgzone.ru/resources/banner-so-svetovym-ehffektom.26/</p><p></p><p>NOT : Benzer konudaki şu paylaşımlara da mutlaka göz atmanızı tavsiye ederiz</p><p></p><p>ip ucu - XenForo CSS Ranks,User banner nasıl yapılır ?</p><p>Video - XenForo'da Özel Rank Oluşturma</p><p></p><p>NASIL Yapılır:</p><p>1- Kullandığımız temanın "extra.less" şablonuna aşağıdaki kodu ekliyoruz.</p><p></p><p>Kod:</p><p>.userBannerLight {</p><p> display: inline-block;</p><p> text-align: center;</p><p> font-size: .7em;</p><p> font-weight: 500;</p><p> color: #fff;</p><p> text-transform: uppercase;</p><p> padding: .5em 0em;</p><p> width: 100%;</p><p> border: none;</p><p> position: relative;</p><p> overflow: hidden;</p><p> &.admin {</p><p> background: #c62828;</p><p> }</p><p> &.moder {</p><p> background: #00695C;</p><p> }</p><p> &.user {</p><p> background: #1565C0;</p><p> }</p><p> &:before {</p><p> content: "";</p><p> position: absolute;</p><p> background: linear-gradient(135deg, transparent 0%, transparent 30%, rgba(250, 250, 250, .7) 50%, transparent 70%, transparent 100%);</p><p> background-repeat: no-repeat;</p><p> top: 0px;</p><p> left: -80%;</p><p> width: 100%;</p><p> height: 100%;</p><p> animation: light 2.5s infinite;</p><p> }</p><p> .tooltip-content & {</p><p> .tooltip--member & {</p><p> width: 120px!important;</p><p> }</p><p> }</p><p> @media (max-width: @xf-responsiveMedium) {</p><p> display: inline!important;</p><p> padding: .5em 1em;</p><p> }</p><p>}</p><p>@keyframes light {</p><p> 0% {</p><p> left: -80%;</p><p> }</p><p> 100% {</p><p> left: 80%;</p><p> }</p><p>}[/CODE]</p><p>2- Daha sonra kullanıcı grup sayfasına girerek kullanıcı gruplarında görmek istediğimiz banner rengine göre gerekli düzenlemeyi yapıyoruz. /admin.php?user-groups/#__3</p><p></p><p>Kullanılabilecek özel CSS sınıf adları :</p><p></p><p>userBannerLight admin</p><p>userBannerLight moder</p><p>userBannerLight user</p><p></p><p>Screenshot_3.webp</p><p></p><p>3- Yeni grup ilavesi ya da mevcut grup renklerini kendimize göre değiştirmek için yukarıda verilen şu satıra benzer satırda gerekli düzenlemeyi yapabilirsiniz.</p><p></p><p>[CODE=css]&.admin {</p><p> background: #c62828;</p><p> }[/CODE]</p></blockquote><p></p>
[QUOTE="Kurucu Admin, post: 659, member: 1"] Işık Efektli kullanıcı rank kullanmak isterseniz, aşağıdaki basit kodlamayı yapmanız yeterli olacaktır. [IMG alt="banner2.gif"]https://xenforo.gen.tr/attachments/banner2-gif.4149/[/IMG] [B]NASIL Yapılır: 1-[/B] Kullandığımız temanın "extra.less" şablonuna aşağıdaki kodu ekliyoruz. [CODE=css] NOT: Orjinal konu linki : https://svgzone.ru/resources/banner-so-svetovym-ehffektom.26/ NOT : Benzer konudaki şu paylaşımlara da mutlaka göz atmanızı tavsiye ederiz ip ucu - XenForo CSS Ranks,User banner nasıl yapılır ? Video - XenForo'da Özel Rank Oluşturma NASIL Yapılır: 1- Kullandığımız temanın "extra.less" şablonuna aşağıdaki kodu ekliyoruz. Kod: .userBannerLight { display: inline-block; text-align: center; font-size: .7em; font-weight: 500; color: #fff; text-transform: uppercase; padding: .5em 0em; width: 100%; border: none; position: relative; overflow: hidden; &.admin { background: #c62828; } &.moder { background: #00695C; } &.user { background: #1565C0; } &:before { content: ""; position: absolute; background: linear-gradient(135deg, transparent 0%, transparent 30%, rgba(250, 250, 250, .7) 50%, transparent 70%, transparent 100%); background-repeat: no-repeat; top: 0px; left: -80%; width: 100%; height: 100%; animation: light 2.5s infinite; } .tooltip-content & { .tooltip--member & { width: 120px!important; } } @media (max-width: @xf-responsiveMedium) { display: inline!important; padding: .5em 1em; } } @keyframes light { 0% { left: -80%; } 100% { left: 80%; } }[/CODE] 2- Daha sonra kullanıcı grup sayfasına girerek kullanıcı gruplarında görmek istediğimiz banner rengine göre gerekli düzenlemeyi yapıyoruz. /admin.php?user-groups/#__3 Kullanılabilecek özel CSS sınıf adları : userBannerLight admin userBannerLight moder userBannerLight user Screenshot_3.webp 3- Yeni grup ilavesi ya da mevcut grup renklerini kendimize göre değiştirmek için yukarıda verilen şu satıra benzer satırda gerekli düzenlemeyi yapabilirsiniz. [CODE=css]&.admin { background: #c62828; }[/CODE] [/QUOTE]
Alıntı ekle…
İnsan doğrulaması
Cevap yaz
Xenforo Genel Paylaşımları
Xenforo Genel Bilgiler
[Svg] Banner With Light Effect : Işık Efektli User Banner - Özel Rank
193
Konular
519
Mesajlar
145
Kullanıcılar
asperix
Son üye
ParsKo Premium
✨ ParSKo Ayrıcalıkları:
📚 Geniş Arşiv:
Başka hiçbir yerde bulamayacağınız nadir ve güncel dosyalar.
⚡ Hızlı İndirme:
Saniyeler içinde istediğiniz dosyaya ulaşın.
🔍 Kolay Erişim:
Kullanıcı dostu arayüzümüz sayesinde aradığınızı kolayca bulun.
💎 Ayrıcalık:
Size tanınan ayrıcalıklarla özel olduğunuzu hissedin.
🎉 Hemen ParSKo'ya gelin, bu fırsatları kaçırmayın!
🌟 Premium Ayrıcalıkları İçin Tıklayın
Üst