• Merhaba Ziyaretçi,
    Sitemizden yararlanmak için buradan kayıt olunuz.
  • Değerli üyelerimiz, Bildiğiniz üzere uzunca bir süredir eklenti desteği ile kişisel sebeplerden ötürü ilgilenemiyorum. Üyelerimizi mağdur etmemek açısından burada sergilenen eklentilerimizi Xenforo.gen.tr üzerinde satışa sunma kararı aldık. Mevcut eklentilere ait kritik problem ve geliştirmeler ile ilgili belirli aralıklarla Xenforo.gen.tr üzerinden destek verilecektir.
Kaynak ikonu

XenForo 2 Header Alanına Kar Efekti Ekleyin 2017-12-09

indirmek için izniniz yok
XenForo 2 Header Alanına Kar Efekti Ekleyin
Bu kod eklentisi sayesinde forumunuzun header kısmına kar efekti uygulayıp forumunuza güzel görünüm katabilirsiniz.

Lm2Fmu0.png

Eklenti kurulumu
ekteki dosyayı indirin.
ardından admin kontrol paneli > kurulumlar > reklam yöneticisi > reklam ekle


Başlık: kar efekti
konumu: Container breadcrumb (top): Above ( üst breadcrumb (top): üstünde ) seçeneğini seçin.

HTML: alanına alttaki kodları ekleyin;
HTML:
<style>

#header{

    background-image: url('/images/snow/s1.png'), url('/images/snow/s2.png'), url('/images/snow/s3.png');

    width: 100%;

    z-index:1;

    -webkit-animation: snow 10s linear infinite;

    -moz-animation: snow 10s linear infinite;

    -ms-animation: snow 10s linear infinite;

    animation: snow 10s linear infinite;

}

@keyframes snow {

  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}

  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}

  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}

}

@-moz-keyframes snow {

  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}

  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}

  100% {background-position: 400px 1000px, 200px 400px, 100px 300px;}

}

@-webkit-keyframes snow {

  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}

  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}

  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}

}

@-ms-keyframes snow {

  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}

  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}

  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}

}

 

</style>
Yazar
DieseL
İndirilme
20
Görüntüleme
608
İlk yayınlama
Son güncelleme
Değerlendirme
0.00 yıldız(lar) 0 rating

DieseL ait diğer kaynakar

Üst