Yıl başı için bir sistem veya tema isteği.!

wrzbb' Alıntı:

Bunun için bir iki şablon değişikliği var forum anasayfasında kar efekti ve postbitte noel şapkası gibi yaparım aynı temada güzel durur derseniz paylaşabilirim kodları burada.

Genişletmek için tıkla ...

wrzbb' Alıntı:

Dilediğinizi koyun dilediğinizi koymayın size kalmış hepsi tek tek ayrı ayrı görsellik katmak adınadır.


Postbit avatar üzerinde şapka için:
Ekli dosyayı görüntüle 5341

BU DOSYAYI FTPYE ATIN

extra.less şablonuna ekleyin

Kod:

.message-avatar-wrapper {
    .avatar {
        &:before {
          background: transparent url('{$santaHatPath}/santa_hat.png') no-repeat;
          content: "";
          display: block;
          height: 50px;
          position: absolute;
          right: -15px;
          top: -19px;
          width: 44px;
          z-index: 99;
            @media (max-width: @xf-responsiveMedium)
            {
                display: none;
            }
        }
    }
}

Forum kar ve süs efekti için:
Ekli dosyayı görüntüle 5342

BU DOSYAYI FTPYE ATIN

extra.less şablonuna ekleyin

Kod:

.p-body-pageContent {
    .block {
        &--category:before {
          background: url('{$snowPath}/snow_l.png') no-repeat 0% 0%, url('{$snowPath}/snow_c.png') no-repeat 50% 0%, url('{$snowPath}/snow_r.png') no-repeat 100% 0%;
          display: block;
          height: 30px;
          left: -5px;
          padding: 0 5px;
          position: relative;
          top: 13px;
          width: 100%;
          content: "";
          margin-top: -20px;
            @media (max-width: @xf-responsiveMedium)
            {
                background: url('{$snowPath}/snow_c.png') no-repeat 50% 0%;
            }
        }
    }
}

Kar yağdırma efekti için:
Ekli dosyayı görüntüle 5343

BU DOSYAYI FTPYE ATIN

/admin.php?advertising/ adresinden reklam ekle deyin:
Başlık: istediğinizi yazın
Konum: her sayfada içeriğin üstünde
HTML kısmına aşağıdaki kodları yapıştırın

Kod:

<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>

Header kısmına süs eklemek için:
Eklenti olarak kuruluyor bu;
Ekli dosyayı görüntüle 5344

BU EKLENTİYİ KURMANIZ YETERLİ OLACAKTIR

Hepsi bu kadar dediğim gibi hepsini yada beğendiklerinizi ekleyebilirsiniz.

Genişletmek için tıkla ...

wrzbb' Alıntı:

Sadece 2 için @ IExlusive
Tabiki less kodları cssye çeviren olursa 1 dede kullanılır. Kar yağdırma efekti için böyle bir kısıtlama yok tabi. Diğerleri alt sürümde çalışmaz.

Genişletmek için tıkla ...