Neler yeni

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.

  • Forumdan daha fazla yararlanmak için, profilinizi telefon numaranız 📱 ile doğrulayın ve daha ayrıcalıklı olun 😉
    Daha fazla bilgi!
Kaynak ikonu

XF 2.2 Eklenti CSS ile Kullanıcı Gruplarınıza Animasyon Efekti Ekleyin

Bu eklenti, add-ons XenForo 2.2.X ile uyumlu ve stabil olarak çalışmaktadır.
Uyumlu XF 2 Sürümleri
  1. 2.2.X
  2. 2.0.X
  3. 2.1.X
Diğer versiyonlar
1
Css Konusunda bilgisi olan arkadaşlar daha rahat yapacaklardır. Eğer ki bilmeyen kullanıcılar için,

Animate.css | A cross-browser library of CSS animations. web sitesine gittiğinizde aşağı doğru inip, size vereceği kodun resmi aşağıda
Page_container kısmınadaki meta tagları kısmına eklemeniz gerekmektedir.
1635366125929.png

Yukardaki kodu eklediğinizde belki temaya göre değişiklik gösterip hata olabilir. Bunun yanı sıra header'e css kodunu okutabilirsiniz.

HTML:
<link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" type="text/css" rel="stylesheet"/>

Kodu ekledikten sonra, Üye gruplarına girip, düzenleyeceğiniz üye grubunu açtıktan sonra css bölümüne aşağıdaki görüldüğü gibi kodu yapıştırın.
1635366336651.png

işaretlediğim kısmı eklemeniz gerek.
1635366441390.png


Sonrasında Animate.css | A cross-browser library of CSS animations. web sitesindeki sağ sekmedeki bulunan animasyon classları ile yukardaki "bounce"yazan yeri değiştirmeniz yeterli olacaktır.
Örnek: Verecek olursak

HTML:
animation: bounce; /* referring directly to the animation's @keyframe declaration */

HTML:
  animation: shakeX; /* referring directly to the animation's @keyframe declaration */

Aşağıdaki isimleri değiştirebilirsiniz.

bounce - flash - pulse - rubberBand - shakeX - shakeY - headShake
swing - tada- wobble - jello - heartBeat - backInDown - backInLeft
backInRight - backInUp
  • 1635366274525.png
    1635366274525.png
    25 KB · Görüntüleme: 338
  • 1635366293063.png
    1635366293063.png
    20 KB · Görüntüleme: 358
  • 1635366505691.png
    1635366505691.png
    17.8 KB · Görüntüleme: 355
Yazar
Nokta
Görüntüleme
2,883
İlk yayınlama
Son güncelleme
Değerlendirme
5.00 yıldız 1 değerlendirme

Son incelemeler

Eline sağlık kardeşim <3
N
Nokta
eyvallah :)

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.