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 Kayıt Ol Buttonuna Border Animasyonu Ekliyoruz.

Nevzat · 2025-09-15T15:26:26+00:00

Uyumlu XF 2 Sürümleri 2.2.X 2.0.X 2.1.X Merhaba arkadaşlar, kayıt ol buttonuna ufak bir border animasyonu ekleyelim. Siz renkleri ile animasyon hızı ile vs oynayabilirsiniz. ;) Kullandığımız temanın PAGE_CONTAINER şablonunu açalım ve aşağıdaki kodu bulalım. Kullandığımız temanın extra.less şablonunu açalım ve aşağıdaki kodları ekleyelim. @keyframes registerAnim1 { 0% { left: -100%; } 50%,100% { left: 100%; } } @keyframes registerAnim2 { 0% { top: -100%; } 50%,100% { top: 100%; } } @keyframes registerAnim3 { 0% { right: -100%; } 50%,100% { right: 100%; } } @keyframes registerAnim4 { 0% { bottom: -100%; } 50%,100% { bottom: 100%; } } .p-navgroup-link--register { position: relative; display: flex; justify-content: center; align-items: center; padding: 18px 30px; text-decoration: none; overflow: hidden; transition: .5s; span { position: absolute; display: block; &:nth-child(1) { top: 0; left: -100%; width: 100%; height: 2px; background: linear-gradient(90deg, transparent, #03e9f4); animation: registerAnim1 1s linear infinite; } &:nth-child(2) { top: -100%; right: 0; width: 2px; height: 100%; background: linear-gradient(180deg, transparent, #03e9f4); animation: registerAnim2 1s linear infinite; animation-delay: .25s; } &:nth-child(3) { bottom: 0; right: -100%; width: 100%; height: 2px; background: linear-gradient(270deg, transparent, #03e9f4); animation: registerAnim3 1s linear infinite; animation-delay: .5s; } &:nth-child(4) { bottom: -100%; left: 0; width: 2px; height: 100%; background: linear-gradient(360deg, transparent, #03e9f4); animation: registerAnim4 1s linear infinite; animation-delay: .75s; } } }

Konuyu Başlatan Nevzat
Başlangıç tarihi 15 Eyl 2025
Cevaplar 0
Görüntüleme 33

Nevzat

TFC Üye

1/3

15 Eyl 2025

Uyumlu XF 2 Sürümleri

2.2.X
2.0.X
2.1.X

Merhaba arkadaşlar, kayıt ol buttonuna ufak bir border animasyonu ekleyelim. Siz renkleri ile animasyon hızı ile vs oynayabilirsiniz.

Kullandığımız temanın PAGE_CONTAINER şablonunu açalım ve aşağıdaki kodu bulalım.

HTML:

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

Kullandığımız temanın extra.less şablonunu açalım ve aşağıdaki kodları ekleyelim.

Less:

İç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.

Foruma Git ?

Bu konuyu görüntüleyen kullanıcılar

Toplam: 1 (Kullanıcı: 0, ziyaretçi: 1)

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

Rehber SEO Nedir? Ne İşe Yarar?
- En son: aleynakaraca
- Dün 12:21 da
SEO
Öneri Xenforo Hosting Firma Tavsiyesi?
- En son: Garfield
- Pazar saat 19:00'de
Web Hosting (Sunucu)
Ücretli Smm Panel & Takipçi Hizmetleri İçin Premium Domain!
- En son: HAN
- Pazar saat 10:02'de
Domain (Alan Adı)
XenForo Mobil Uygulama (Flutter) – r10dev.net APK & AAB | AdMob + Play Store Uyumlu (1 İçerde)
- En son: servet7676
- Cumartesi saat 18:19'de
XenForo Destek
Akşamları interneti yavaşlayan var mı?
- En son: XenScript
- Cumartesi saat 09:20'de
İnternet Servis Sağlayıcıları

Son Konular

Öneri Xenforo Hosting Firma Tavsiyesi?
- Başlatan Haz
- Pazar saat 18:15'de
- Puan: 0
- Cevaplar: 2
Web Hosting (Sunucu)
XenForo Mobil Uygulama (Flutter) – r10dev.net APK & AAB | AdMob + Play Store Uyumlu (1 İçerde)
- Başlatan servet7676
- Cumartesi saat 18:19'de
- Puan: 0
- Cevaplar: 0
XenForo Destek
Akşamları interneti yavaşlayan var mı?
- Başlatan Garfield
- Cuma saat 23:04'de
- Puan: 0
- Cevaplar: 1
İnternet Servis Sağlayıcıları
Soru Ana domaine kaç domain yönlendirilmeli?
- Başlatan Haz
- Çarşamba saat 12:57'de
- Puan: 0
- Cevaplar: 2
Webmaster Genel
Ücretli Smm Panel & Takipçi Hizmetleri İçin Premium Domain!
- Başlatan Haz
- Çarşamba saat 10:41'de
- Puan: 0
- Cevaplar: 1
Domain (Alan Adı)

Dikkat!

İçerik sağlayıcı paylaşım sitesi olarak hizmet veren WebmasterForum.NET 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 Kayıt Ol Buttonuna Border Animasyonu Ekliyoruz.