İlk olarak programa ihtiyacımız var programı Buraya tıklayıp indiriyoruz.
Programın kullanımı çok basit.Öncelikle programın kullanım dilini türkçe yapmayı anlatacağım.
Programımızın menüsünden options kısmına tıklıyoruz ve Languages (Dil) kısmının üzerine geliyoruz ve sağa menü açılıyor o kısımdan Turkishi seçiyoruz ve programımız artık Türkçedir.
WOW Slider programını anlatmaya devam ediyorum.
Programın menüsünden + simgesine tıklıyoruz.Klasörden resim ekle ... yazan yere tıklıyoruz.
Manşet için hazırladığımız resimlerin klasörünü buluyoruz, Ctrl tuşuna basarak resimlerin üstüne sırayla tıklıyoruz.Resimlerin boyutlarının aynı olmasına dikkat edin, aksi durumda hiç hoş olmayan görüntülerle karşılaşabilirsiniz.
Resimleri seçip açı tıkladıktan sonra sonra aşağıdaki gibi bir ekran gelecek karşınıza.
Başlık, Açıklama, Tıklandığı zaman gideceği adres vs... resimlerin hepsine tek tek uyguluyoruz.
Bu işlem tamamlandıktan sonra Dünya simgesine Yayınla yazan yere tıklıyoruz.
Açılan pencerede Resimler menüsü var ona tıklıyoruz.
Şablon bölümünde manşetin şekli var oradan hoşumuza giden herhangi bir tanesini seçiyoruz.
Resim boyutu; Özel boyutu seçiyoruz ve resimlerimizin enini, boyunu aşağıdaki kutulara yazıyoruz.
Geçiş efekti; Manşetimiz için efektimizi seçiyoruz ve manşetimiz hazır.
Sağ alttaki Yayınlaya tıkladıktan sonra hazırladığımız manşeti kaydedip html dosyasını açacaktır.
Manşeti Belgelerim/WOW Slider klasörüne kaydetmektedir.İstersek bunu değiştirebiliriz.
Yayınla menüsünde açılan kısımda Yayınla yazan menü kısmına tıklıyoruz.Sağ tarafta Tara ... yazan kısma tıklıyoruz ve kendi klasörümüzü belirliyoruz ve o klasöre kaydediliyor manşetimiz.
Program ücretsiz olduğu için manşetlerde reklam yapmaktadır.
Eğer resimlerdeki reklam yazılarını kaldırmak istiyorsanız yapmanız gereken manşet dosyanızın kaydedildiği klasördeki engine1 klasöründeki wowslider.js dosyasını açıp içindeki (display:”block”)’u (display:”none”) olarak değiştirmeniz gerekmektedir.Reklamı kaldırdıktan sonra resimleri değiştirmemiz gerekiyor yoksa reklam resimlerin üzerinde kalacaktır.Bu işlemde çok basit klasörümüzdeki data1 klasörüne girip images klasöründeki resimleri önceki eklediğimiz resimlerle değiştirmektir.
Manşeti html oluşturuyorsanız, engine1 klasöründeki wowslider.js dosyasının içinde zIndex:11 bulun zIndex:-9999 ile değiştirin…
Yada engine1 klasöründeki script.js dosyasının içinde
Bu kodu bulup; ({position:”absolute”,padding:”0 0 0 0″})
Bununla değiştirmeniz gerekiyor; ({display:”none”,position:”absolute”,padding:”0 0 0 0″})
Merhabalar ben bunu yaptım fakat bir türlü Bloğuma koyamıyorum. Koysam da çalışmıyor.
YanıtlaSilhocam yapmanız gereken wowslider in oluşturduğu klasördeki index.html dosyasının içinden body ve head tagları arasındaki kodları kopyalayıp sitenizin body ve head kısımlarına yapıştırmak ve wowsliderin olusturdugu klasördeki data1 ve engine 1 klasörünü de sitenizin oldugu klasöre kopyalamak işlem bu kadar.
YanıtlaSilüstad söylediklerini aynen yaptım fakat sitemde göremiyorum nerede hata yaptım anlamadım ?? tam olarak nereleri alıcaz bu linkten
YanıtlaSilview-source:https://www.patipet.net/images/WOW%20Slider/index.html
kardes sitene baktım engine1 dosyasında display:blocku none yapacaksın birde
YanıtlaSilz-index:11 yazan kısmı -9999 yap sonrada resimlerin orjinallerini bulup wowslider yazanlarla değiştireceksin, resimler birebir aynı boyutta olmalı sorunun çözümü bu kadar iyi günler.
engine1 klasöründe bulunan wowslider.js de dediklerimi yap resimleride data1/images klasöründen ayarlarsın
YanıtlaSilkardeş sağol ne zamandır beri slider yapmaya çalışıordum :)
YanıtlaSilne demek kardeş yardımcı olabildiysek ne mutlu bize.
YanıtlaSilserkan hocam emeğine sağılık .
YanıtlaSilblockları none yaptım resimleri değiştim ancak yapamadım
yardımcı olursan sevinirim şimdiden tşk..
viscoyataksatis
merhaba
YanıtlaSilben wowsliderin sourt codesni nasil bulurum yardımcı olursanız sevinirim
daha doğrusu ıd nosunu
YanıtlaSil