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.
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;
[REPLY]
[/REPLY]
Bu kod eklentisi sayesinde forumunuzun header kısmına kar efekti uygulayıp forumunuza güzel görünüm katabilirsiniz.
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;
[REPLY]
Kod:
<style>
#header{
background-image: url('https://rs.mertboss.com/images/2022/12/23/s1.png'), url('https://rs.mertboss.com/images/2022/12/23/s2.png'), url('https://rs.mertboss.com/images/2022/12/23/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>