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 12

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)

Benzer Konular

XenForo [OzzModz] Email Whitelist - Sadece izin verilen e-postalar ile kayıt - Türkçe 2.0.4

Cevaplar: 0

Görüntüleme: 24

20 Eyl 2025

Nevzat

XenForo Posbit Kayıt Tarihi ( Ay Gün)

Cevaplar: 0

Görüntüleme: 20

15 Eyl 2025

Nevzat

XenForo Kayıt ol butonuna yanıp sönen ışık kodu

Cevaplar: 0

Görüntüleme: 13

15 Eyl 2025

Nevzat

XenForo Giriş yap ve Kayıt ol butonlarına icon ekleme

Cevaplar: 0

Görüntüleme: 21

15 Eyl 2025

Nevzat

XenForo [XenGenTr] Ziyaretçi giriş ve kayıt ol paneli 1.0.1

Cevaplar: 0

Görüntüleme: 21

8 Eyl 2025

Nevzat

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

HPET Kaldırma Nedir? HPET Nasıl Kapatılır ve Performansa Etkisi Nedir?
- En son: Nevzat
- 1 dakika önce
Off Topic
18 Yaş Altı Seyahat Edebilir mi? Tek Başına, Uçakta, Otobüste ve Yurt Dışında Kurallar
- En son: Nevzat
- 3 dakika önce
Off Topic
Brick Nedir? Teknolojide ve Oyun Dünyasında Kullanılan “Brick” Teriminin Anlamı
- En son: Nevzat
- 4 dakika önce
Off Topic
Trendyol Cüzdanındaki Para Nasıl Kullanılır?
- En son: Nevzat
- 8 dakika önce
Off Topic
Türk Telekom 1 Saat Sınırı Kaldırma
- En son: Nevzat
- 9 dakika önce
Off Topic

Son Konular

HPET Kaldırma Nedir? HPET Nasıl Kapatılır ve Performansa Etkisi Nedir?
- Başlatan Nevzat
- 1 dakika önce
- Puan: 0
- Cevaplar: 0
Off Topic
18 Yaş Altı Seyahat Edebilir mi? Tek Başına, Uçakta, Otobüste ve Yurt Dışında Kurallar
- Başlatan Nevzat
- 3 dakika önce
- Puan: 0
- Cevaplar: 0
Off Topic
Brick Nedir? Teknolojide ve Oyun Dünyasında Kullanılan “Brick” Teriminin Anlamı
- Başlatan Nevzat
- 4 dakika önce
- Puan: 0
- Cevaplar: 0
Off Topic
Trendyol Cüzdanındaki Para Nasıl Kullanılır?
- Başlatan Nevzat
- 8 dakika önce
- Puan: 0
- Cevaplar: 0
Off Topic
Türk Telekom 1 Saat Sınırı Kaldırma
- Başlatan Nevzat
- 9 dakika önce
- 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 Kayıt Ol Buttonuna Border Animasyonu Ekliyoruz.

Nevzat

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

Benzer Konular

Son Mesajlar

Son Konular

Dikkat!

XenForo Kayıt Ol Buttonuna Border Animasyonu Ekliyoruz.