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: 321
  • 1635366293063.png
    1635366293063.png
    20 KB · Görüntüleme: 342
  • 1635366505691.png
    1635366505691.png
    17.8 KB · Görüntüleme: 341
Yazar
Nokta
Görüntüleme
2,653
İ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 :)

Tema özelleştirme sistemi

Bu menüden forum temasının bazı alanlarını kendinize özel olarak düzenleye bilirsiniz.

Zevkine göre renk kombinasyonunu belirle

Gece/Gündüz modunu seç

Gece ve gündüz modlarından tarzınıza yada ihtiyaçlarınıza uygun olanı seçerek kullana bilirsiniz.

Tam ekran yada dar ekran

Temanızın gövde büyüklüğünü sevkiniz, ihtiyacınıza göre dar yada geniş olarak kulana bilirsiniz.

Izgara yada normal mod

Temanızda forum listeleme yapısını ızgara yapısında yada normal yapıda listemek için kullanabilirsiniz.

Forum arkaplan resimleri

Forum arkaplanlarına eklenmiş olan resimlerinin kontrolü senin elinde, resimleri aç/kapat

Sidebar blogunu kapat/aç

Forumun kalabalığında kurtulmak için sidebar (kenar çubuğunu) açıp/kapatarak gereksiz kalabalıklardan kurtula bilirsiniz.

Yapışkan sidebar kapat/aç

Yapışkan sidebar ile sidebar alanını daha hızlı ve verimli kullanabilirsiniz.

Radius aç/kapat

Blok köşelerinde bulunan kıvrımları kapat/aç bu şekilde tarzını yansıt.

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.