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>
  • Like
Reactions: deadpool
Yazar
DieseL
İndirilme
7
Görüntüleme
113
İlk yayınlama
Son güncelleme
Değerlendirme
0.00 yıldız(lar) 0 rating

DieseL ait diğer kaynakar

Üst