Yukarıdaki uygulamada bu kodları kullandık, siz de url deki h ve w değerlerini değiştirerek deneyebilir ve nasıl çalıştığını görebilirsiniz. Dilerseniz sayfanın kaynak kodunu inceleyebilirsiniz. Esmaülhüsna banner uygulaması bu kapsamda yapılmış bir sayfadır. Bu parametrelere ek olarak saniye ve görsel kalitesi parametrelerini de bulunmaktadır. Sitenize eklemek isterseniz aşağıdaki eklenti kodlarını kullanmanız yeterli. Parametreleri değiştirerek eklentiyi istediğini gibi değiştirebilirsiniz.
kullanılan parametreler :
h : yükseklik w : gennişlik sec : kaç sn de bir değişmesini istiyorsanız bunu giriyorsunuz (Örn : 6) quality : görsel kalitesini giriyorsunuz. 3 kalite mevcut: low medium ve high. Bir değer girilmezse orta yolu seçerek default medium gelir. mode : bu kısım görselin hangi aralıklarla değişeceğini belirler. random ve daily parametreleri girilebilir. daily parametresi girilirse görsel günlük olarak değişir. Bu sayede Günün Esması eklentisi olmuş olur. random parametresi girilirse sayfa her yenilendiğinde değişir. Diğer bir mod second modudur verilen saniyeye göre değişir default sec modunda gelir. İsteğe bağlı yenilemede ve ya günlük ayarlanabilir. source: Görsel kaynağı bu parametre ile belirlenir. EsmaSiyah ya da EsmaYesil değerleri girilebilir. Esmaulhusna için iki farklı gorsel seeneği sunulmuş olur.
Frame in ve görsellerin boyutunu parametrelerle oynayarak değiştirebilirsiniz. sec parametresi kaç saniyede bir görselin değişmesini istediğinizi alır, yukarıdaki örnekte 6 girilerek 6 saniyede bir değişmesi sağlanmıştır isterseniz 1 sn isterseniz 100 saniye ya da daha fazla girebilirsiniz. Quality bölümünde 3 seçenek var, low medium ve high. Bu default medium gelir. Ben sitemde low kullanıyorum. Low da her bir görsel ortalama 12 kb, medium da 25 kb, high da ise 50 kb.
Sitenize eklerken herhangi bir problem yaşarsanız ya da daha farklı istekleriniz olursa elimizden geldiğince yardımcı olmaya çalışırız, aşağıdaki yorum alanına istek ve görüşlerinizi yazabilirsiniz.Sitenize özel olarak da eklentimizi geliştirebilir tasarlayabiliriz, yorumlar kısmından istekte bulunmanız yeterli olur.
Otomatik eklenti kodunu generate edecek bir form da tasarlamayı planlıyoruz bu sayede ayarlar görsel olarak form üzerinden de yapılabilecek.
İleride bir de form eklemeyi planlamaktayız. Rastgele değişen ya da günlük değişen versiyonları da yapılabilir, onları talep geldikçe yapmayı planlıyoruz. Bir de kod generate eden bir form tasarlayarak form üzerinde önizlemeli olarak eklenti kodunun oluşturulmasını sağlamak istiyoruz. Farklı görsel destekleri ve dil seçenekleri de gündemimizde. Faydalı bulduğunuz kaynak image ler vb. olursa yorumlar kısmına yazarak tarafımıza ileterek yardımcı olursanız seviniriz.
Hayırlı bereketli olması dileğiyle..
Aşağıda birkaç farklı ayarın uygulamasını(kalite ve boyut ve saniye değişimi yapılmıştır) ve kodlarını bulabilirsiniz.
Ashab-i Bedir'den olan sahabe efendilerimizin isimlerini sayfa her yenilendiginde ya da yeni açildiginda farkli bir isim getirecek sekilde eklenti halinde hazirladik. Eklentileri sitenize eklemek için eklenti önizlemelerinin hemen altindaki kutucuklarda bulunan kodlardan yararlanabilirsiniz.
Bedir ashabinin faziletini bu linkten ayrica okuyabilirsiniz.
Tüm dini eklentilerimizi iki sayfa halinde yayinladik, tüm dini eklentilerimiz için asagidaki linklere tiklayiniz:
Ashab-i Bedir'den olan sahabe efendilerimizin isimlerini sayfa her yenilendiginde ya da yeni açildiginda farkli bir isim getirecek sekilde eklenti halinde hazirladik. Eklentileri sitenize eklemek için eklenti önizlemelerinin hemen altindaki kutucuklarda bulunan kodlardan yararlanabilirsiniz.
Bedir ashabinin faziletini bu linkten ayrica okuyabilirsiniz.
Tüm dini eklentilerimizi iki sayfa halinde yayinladik, tüm dini eklentilerimiz için asagidaki linklere tiklayiniz:
Son üç yazımızda birçok javascript ile yapılmış dini eklenti ve yapılışlarını paylaştık. (Bu paylaşımlarımızın birini buradan, bir başkasını buradan ve diğerini de buradan görebilirsiniz.) Ancak dikkat ettiyseniz bunların içerikleri sayfa her yenilendiğinde değişiyordu. Burada içeriğin günlük olarak değiştiği eklentilerimizi paylaşacağız. Kısaca yapılışlarına da değineceğiz.
Sitenize eklemek için yukarıdaki kodları herhangi bir eklenti eklerken izlediğiniz yolları izleyerek ekleyebilirsiniz. Ancak merak edenler ve benzerlerini yapmak isteyenler için günlük olarak değişimin nasıl yapıldığına da kısaca değinmek istiyoruz.
Her sayfa yenilenmesinde içeriğin değiştiği uygularımızda javascript kodu içerisinde aşağıdaki kodları kullanıyorduk:
increment = Math.floor(Math.random() * number);
document.write(text[increment]);
Böylece sayfa her yenilendiğinde içeriğin tutulduğu array'den rastgele bir satır seçiliyordu. Bunu her güne özel hale getirmek için bu iki satır yerine aşağıdaki satırları yazdık:
var currentTime = new Date();
var month = currentTime.getMonth();
var day = currentTime.getDate();
increment = Math.floor(((month*31+day)%number));
document.write(text[increment]);
Burada yapılan iş kısaca:
Hangi ay içindeysek bu bilgi month değişkenine atılıyor. (Burada Ocak ayı için 0, Şubat için 1 atar ve bu böyle gider.) Hangi gündeysek de bu day'e atılıyor. Örneğin bugün ayın 15'i ise day değişkenine 15 atılıyor. Daha sonra Yılın her bir günü için uniqe(eşi olmadan tek - nev-i şahsına münhasır) bir sayı üretmemiz gerekiyor. Bunu da (month*31+day) ile yapıyoruz. Daha sonra bunu uniqe sayıyının, elimizdeki içerik array'inin eleman sayısına göre modunu alıyoruz. Bu sayede elimizdeki array'in hangi elemanını ekrana basacağımızı yılın her günü için ayrı ayrı belirleyebiliyoruz.
Bu uygulamada ufak değişikliklerle içeriğin saat başı değişmesini de sağlayabilirsiniz.
Son olarak yukarıdaki "Günün Sözü" eklentisinin kodlarını (daha önce paylaştığımız uygulamalardaki kodlardan yapı olarak biraz farklı olması hasebiyle) aşağıda paylaşıyoruz:
İnşallah ilerleyen günlerde yaptıkça buradan günün hadisi - günün duası - günün hadis ve duası vb. uygularımızı paylaşacağız.
Bu uygulamaları yaparken javascript kodları alarak faydalandığımız http://forum.joomlatr.org/ forumuna ve dini içerikli yazıların olduğu database'i aldığımız http://www.ndemir.com/ sitelerine de teşekkür ederiz, Allah hepsinden razı olsun.
Yukarıdaki iki satır kodu sitenize eklemeniz sitenizde bu uygulamayı göstermeniz için yeterli. boyutlarını kendinize göre ayarlayabilirsiniz.
Yukarıdaki uygulamanın nasıl yapıldığını da merak edenler ya da kendi uygulamasını geliştirmek isteyenler için kısaca değinelim. Sitenize yeni bir php sayfası ekliyorsunuz ve eklediğiniz sayfanın kodlarını aşağıdaki gibi düzenliyorsunuz.
Daha sonra bu sayfayı en yukarıda yaptığımız gibi bir iframe ile çağırıyoruz. src=" " kısmında tırnak işaretleri arasına sayfamızın adresini yazıyoruz.
Gösterilen ayet hadis ve sözleri de yukarıdaki html kodlarında yapılacak değişikliklerle kolaylıkla değiştirebilirsiniz. Örneğin yeni ayetler hadisler ve sözler ekleyebilirsiniz ya da dilediklerinizi değiştirebilirsiniz.
Bu uygulamanın en büyük özelliği reklamsız ve linksiz olması.
Benzer uygulamaları Allah nasip ederse geliştirip buradan yayınlamak istiyoruz. Örneğin sadece hadis, sadece ayet, hadis ve ayet, bir ayet bir hadis bir dua, bir hadis bir dua gibi farklı varyasyonlarda metinlerin gösterildiği uygulamalar yapıp ilerleyen günlerde inşallah buradan yayınlamak istiyoruz.
yukarıdaki Iki Satır Kodu sitenize eklemeniz sitenizde met uygulamayı for göstermeniz yeterli. boyutlarını kendinize edat ayarlayabilirsiniz.yukarıdaki uygulamanın NASIL yapıldığını da merak edenler ya da kendi uygulamasını geliştirmek isteyenler for kısaca değinelim. Yeni Bir php SAYFASI ekliyorsunuz ve eklediğiniz sayfanın kodlarını aşağıdaki hazırsındır düzenliyorsunuz sitenize.