Merhaba Habbocuyum ziyaretçisi,
sizlere sitelere güzel görünüm katan animasyonla kayıp giden Noel baba'yı sitenize nasıl eklersiniz ve kodlarını paylaşacağım
Aşağıdaki kodları sitenizdeki </head> ve <body> nin arasına yapıştırabilirsiniz
<style>
.habbocuyum{
z-index:999999;
min-height:301px;
height:301px;
min-width:414px;
width:414px;
background-image:url(https://habbolar.com/img/habbolar_santa_claus.gif);
background-repeat:no-repeat;
background-position:center center;
position:fixed;
top:-10px;
right:-414px;
-webkit-animation:habbocuyum_uc_sagdan_sola 8s linear,habbocuyum_uc_soldan_saga 8s 8s linear;
animation:habbocuyum_uc_sagdan_sola 10s 4s linear,habbocuyum_uc_soldan_saga 10s 14s linear
}
@-webkit-keyframes habbocuyum_uc_sagdan_sola{
0%{right:-414px;top:-10%}
50%{right:50%;top:15%}
100%{right:calc(100% + 414px);top:40%}
}
@keyframes habbocuyum_uc_sagdan_sola{
0%{right:-414px;top:-10%}
50%{right:50%;top:15%}
100%{right:calc(100% + 414px);top:40%}
}
@-webkit-keyframes habbocuyum_uc_soldan_saga{
0%{transform:scaleX(-1);right:calc(100% + 414px);top:40%}
50%{transform:scaleX(-1);right:50%;top:65%}
100%{transform:scaleX(-1);right:-414px;top:90%}
}
@keyframes habbocuyum_uc_sagdan_soldan_saga{
0%{transform:scaleX(-1);right:calc(100% + 414px);top:40%}
50%{transform:scaleX(-1);right:50%;top:65%}
100%{transform:scaleX(-1);right:-414px;top:90%}
}
</style>
Bunları ekledikten sonra <body> kısmının iç bölümünde en üste bu kodları yapıştırın
<div class="habbocuyum"></div>
Wordpress için
görünüm > Düzenle > style.css dosyasını açıp yukarıdaki uzun kodları oraya yapıştırın ve kaydedin ondan sonra index.php ye alttakı kodu yapıştırın.
