Alışıla gelmiş yeni yıl kutlama mesajlarından farklı bir şey yapalım isterseniz bu sene..
Santa Claus namı değer Noel Baba figüri ile küçük bir animasyon hazırlayıp takipçilerinizin yeni yılını bu sefer farklı bir şekilde kutlamak istemez misiniz ? Bunun için CSS3 ve Javascript tekniklerinden faydalanarak şu an da sitede gördüğünüz gibi bir uygulama hazırladım. Sizlerde web sitenize eklemek için detayları yazının devamında göreceksiniz. Şimdiden yeni yılınız kutlu olsun!
Sitenize Noel Baba animasyonu ekleyin
Öncelikle,
buradaki paketten tüm dosyaları indirin. İndirdikten sonra WordPress kullananlar için kulalndığınız tema dizininin içerisine
Poz_Santa klasörü altında zip içindeki dosyaları çıkarın. WordPress harici kullanım için ise, herhangi bir dizine kopyalamanız ve dosya yollarını html kodlarını eklerken belirtmeniz kafi olacaktır.
WordPress için Noel baba animasyonu nasıl hazırlanır ?
Çıkarılan dosyalarınızı kullandığınız tema dizinine Poz_Santa klasörü şeklinde yğkledikten sonra; header.php dosyanızı açıp <body> taginden hemen sonra şu kodları yapıştırın;
<div id="animatedImage" style="position:fixed;padding-top:550px;z-index:99;left:1px;bottom:1px;">
<img id="img1" src="<?php bloginfo('template_url'); ?>/Poz_Santa/Poz_Santa.gif" alt="animatedImage" />
</div>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/Poz_Santa/PozSanta.js"></script>
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/Poz_Santa/PozSanta.css" media="screen" />Dosyanızı kaydedin ve yeni düzenlemiş şeklini yükleyin. CTRL + f5 e ile yeniledikten sonra artık sayfanızın tabanında sağa sola hediyelerini taşıyan bir Santa Claus web sitenizin yeni misafiri olacaktır.
Başka bir sistem kullanıyorsanız gene aynı html kodlarını dosya yollarını düzenleyerek sayfanıza eklemeniz kafi olacaktır. Mutlu yıllar.
Demo ve Kaynak Adresi :
http://www.fatihtoprak.com/2013u-web...arsilayin.html