İyi günler arkadaşlar bugün sizlere sitenize kar efekti nasıl ekleyebileceğinizi anlatacağım. Bildiğiniz üzere yıl başı yaklaşıyor bu sebeple sizde benim gibi sitenize güzel bir kar yağdırma efekti eklemek istiyebilirsin. Sitenize Direk Javascript Dosyası yükleyip çağırarak Kar Efekti ekleyeceksiniz. Eklerken Dikkat Edin Hostinginizin CPU’sunu Zorlayabilir oyüzden ekledikten sonra cpu oranınızı kontrol etmeyi unutmayın.
Javascript Kar Efekti Ekleme:
İlk Olarak Aşağıdaki Kodu Sitenizin <head> ile </head> Kodları Arasına Ekleyin
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cscript%20src%3D%22snowstorm.js%22%3E%3C%2Fscript%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="<script>" title="<script>" />
Bu Kodu Ekledikten Sonra Aşağıdaki Vereceğim Linkten Dosyayı İndirip Düzenleyip Sunucunuza Yada Hostunuza Upload Edin.
Yüklemeden Önce Mutlaka snowstorm.js Dosyasını Kendinize Göre Editleyin.
this.autoStart = true; // Kar Efekti Otomatik Olarak Başlasın mı? this.excludeMobile = true; // Kar Efekti Telefondada Olsunmu. Unutmayınki Telefonda Kar Yağışı CPU Sorunu Oluşabilir Oyüzden Size Kalmış. this.flakesMax = 128; // Toplam kar miktarını sınırlayın (Düşme + Yapışma) this.flakesMaxActive = 64; // Bir Kerede Düşen Kar Miktarı Sınırı (Daha Az = Daha Düşük CPU kullanımı) this.animationInterval = 20; // Teorik "çerçeve başına milisaniye" ölçümü. 20 = hızlı + pürüzsüz, ancak yüksek CPU kullanımı. 50 = daha muhafazakar, ancak daha yavaş this.useGPU = true; // Dönüştürme tabanlı donanım hızlandırmayı etkinleştir, CPU yükünü azalt. this.followMouse = true; // Kar Efekti Mausu Takip Etsin this.snowColor = '#fff'; // Kar Rengi this.snowStick = true; // Karlar Ekranın Altına Yapışsınmı, Eğer Kapatırsanız Ekranın Altına Yapışmaz this.useMeltEffect = true; // Karlar Dülerken Erisinmi
Emeğine sağlık üstat