Diyelim ki web siteniz var ve yeni yıla sayılı günler kala sitenizi süslemek istiyorsunuz. Kodları ekleyin ve siteniz süslensin. Sağ ve sol üst kısımda çam yaprakları ve süslemeler, orta kısımda yıl başı için geri sayım sayacı, sitenize yağan kar taneleri.
Web Site için Yeni Yıl Süslemesi | HTML -CSS | 1 MB
Yapılması Gerekenler?
Öncelikle indirdiğimiz dosyanın içinde 2013 klasörünü FTP’de uygun bir yere yüklüyoruz. (kök dizin olabilir) ve sonrasında.
Not: Aşağıdaki kodları kopyalamak için kodun üstüne çift tıklamanız gerekiyor veya indirdiğiniz dosya içinde index.html de kodlar mevcut.
1) Head bölümüne Eklenecek
<!-- <head> </head> Bölümüne Eklenecekler --> <link rel="stylesheet" type="text/css" href="dosya/yilbasi.css" media="all"> <script type="text/javascript" src="dosya/jquery.js"></script> <script type="text/javascript" src="dosya/2016.js"></script> <script type="text/javascript" src="dosya/kartanesi.js"></script>
2) Body Bölümüne Eklenecekler
<!-- <body>..</body> bölümüne eklenecek kodlar --> <div class="govde"> <div class="solust"></div> <div class="sagust"></div> <div id="cntdwn" class="orta"></div> </div> <script type="text/javascript" language="javascript"> // <![CDATA[ TargetDate = "01/01/2013 00:00 AM"; BackColor = "transparent"; ForeColor = "navy"; CountActive = true; CountStepper = -1; LeadingZero = true; DisplayFormat = '<span class="day">Son %%D%% Gün</span> <span class="time">%%H%%:%%M%%:%%S%%</span>'; FinishMessage = '<span class="red"> Yeni Yılınız Kutlu Olsun!</span> <span class="red">Hoş Geldin 2016!</span>'; // ]]> </script> <script type="text/javascript" src="2013/zaman.js"></script>
ve kodlarımızı ekledik ya sonra? gerekli yerleri düzenlemek isteyebilirsiniz.Kodlar Arasında aşağıdaki yerleri bulun ve düzenleyin;
3) Geri Sayım aracı Tarihini değiştirmek için
TargetDate = "01/01/2013 00:00 AM";
4) Geri sayım bittiğinde Yeni Yıl Mesajını değiştirmek için
FinishMessage = '<span class="red"> Yeni Yılınız Kutlu Olsun!</span> <span class="red">Hoş Geldin 2013!</span>';
Paylaşım için teşekkürler.