Javascript etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
Javascript etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

29.12.15

Esmaul Husna Dini Site Eklentisi Bannerı





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.















Javascript de URL den Parametre Almak

Sitemizde paylaştığımız dini site eklentilerini geliştirirken sık kullnadığımız ve oldukça kolya bir parametre alma uygulaması var. Uzun süredir teknik içerik paylaşmasak da son derece kolay ve kullanışlı olduğundan, konu ile ilgili çok sayıda ve karmaşık alternatifin olduğu göz önünde bulundurularak bunu not düşmek istedik.

function getURLParameter(name)  {    return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.search)||[,""])[1].replace(/\+/g, '%20'))||null                    }

if(getURLParameter('h') != null) //parametre gelmediğinde "" atamak için yoksa null yazar
    {var h= getURLParameter('h');
    }
    else
    {var h=200}//Parametre alınmazsı
   
    if(getURLParameter('w') != null) //parametre gelmediğinde "" atamak için yoksa null yazar
    {var w= getURLParameter('w');
    }
    else
    {var w=200}//Parametre alınmazsı


Yukarıdaki kodlar ile URL den girdiğimiz h ve w parametrelerini içerideki h ve w değişkenlerine atmış olduk. Değer girilmezse default 200 attığımızı fark etmişsinizdir.

Bunun yanında h ve w değerlerini kullanırken parseInt(w) ve parseInt(h) kullanmayı unutmayın. (var'ın özelliğini biliyorsunuz ;) )

http://www.kaabalive.net/EsmaulHusna/esmaulhusna.php?h=600&w=600&sec=1&quality=high



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ı geliştirmekteyiz, 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 ekelntiyi sitenize uygun hale getirebilirsiniz.





Ayrı bir yazı olarak da eklentiyi ekelyeceğiz ama kısaca bahsetmek gerekirse 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.

Basit bir kod olduğundan renklendirme araçları kullanmadım. Faydalı olması dileğiyle..

1.9.12

Bir Sahabe Efendimiz Eklentisi - 24 Farklı-Yeni Tasarım

ÖNEMLİ HATIRLATMA: Aşağıdaki site eklentilerinin height ve width değerlerini kendi site ve projenize uygun olarak düzenleyebilirsiniz. Eklentileri mevcut halleriyle sitenizde deneyin. Eğer istediğiniz görünümü yakalayamadıysanız, bu durumda kodda bulunan width ve height değerleri ile oynayarak eklentiyi sitenize uygun bir şekle sokabilirsiniz. Gördüğüm kadarıyla en verimli sonucu aşağıdaki ayarlarla veriyor. Örneğin genişliğini daraltabilirsiniz ya da boyu arttırabilirsiniz. Değerleri, 100%'e 80 ise, 50%'e 160 ya da 180 yapabilirsiniz. Önemli olan görünmeyen-eksik satır kalmaması. Önce mevcut ayarları deneyin, büyük ihtimalle değiştirme gereği duymazsınız. Gerek dy-uyduğunuzdaysa değerleri kolayca büyütebilir ya da küçültebilirsiniz.

"Bir Sahabe Efendimiz" Eklentileri (Tek Renkli Tasarım)


1) Linksiz Versiyonlar:

Başlık kısmında link bulunmayan versiyonlardır. Bunların linkli versiyonları da vardır. Aşağıdadır.



<iframe frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="http://kaabalive.net/BirSahabeEfendimiz_Gri.php" height=90px width="100%"></iframe> 



<iframe frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="http://kaabalive.net/BirSahabeEfendimiz_Siyah.php" height=90px width="100%"></iframe> 



<iframe frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="http://kaabalive.net/BirSahabeEfendimiz_Yesil.php" height=90px width="100%"></iframe> 



<iframe frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="http://kaabalive.net/BirSahabeEfendimiz_Kirmizi.php" height=90px width="100%"></iframe> 



<iframe frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="http://kaabalive.net/BirSahabeEfendimiz_Mavi.php" height=90px width="100%"></iframe> 





<iframe frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="http://kaabalive.net/BirSahabeEfendimiz_Renksiz.php" height=90px width="100%"></iframe> 




2) Linkli Versiyonlar:

Başlık kısmında link bulunan versiyonlardır. Bunların linksiz versiyonları da vardır. Yukarıdadır.



<iframe frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="http://kaabalive.net/BirSahabeEfendimiz_Gri_L.php" height=90px width="100%"></iframe> 



<iframe frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="http://kaabalive.net/BirSahabeEfendimiz_Siyah_L.php" height=90px width="100%"></iframe> 



<iframe frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="http://kaabalive.net/BirSahabeEfendimiz_Yesil_L.php" height=90px width="100%"></iframe> 



<iframe frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="http://kaabalive.net/BirSahabeEfendimiz_Kirmizi_L.php" height=90px width="100%"></iframe> 



<iframe frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="http://kaabalive.net/BirSahabeEfendimiz_Mavi_L.php" height=90px width="100%"></iframe> 





<iframe frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="http://kaabalive.net/BirSahabeEfendimiz_L.php" height=90px width="100%"></iframe> 




"Bir Sahabe Efendimiz" Eklentileri (Çift Renkli Tasarım)


1) Linkli Versiyonlar:

Başlık kısmında link bulunan versiyonlardır. Bunların linksiz versiyonları da vardır.



<iframe frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="http://kaabalive.net/BirSahabeEfendimiz_Gri_CL.php" height=90px width="100%"></iframe> 



<iframe frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="http://kaabalive.net/BirSahabeEfendimiz_Siyah_CL.php" height=90px width="100%"></iframe> 



<iframe frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="http://kaabalive.net/BirSahabeEfendimiz_Yesil_CL.php" height=90px width="100%"></iframe> 



<iframe frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="http://kaabalive.net/BirSahabeEfendimiz_Kirmizi_CL.php" height=90px width="100%"></iframe> 



<iframe frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="http://kaabalive.net/BirSahabeEfendimiz_Mavi_CL.php" height=90px width="100%"></iframe> 





<iframe frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="http://kaabalive.net/BirSahabeEfendimiz_CL.php" height=90px width="100%"></iframe> 





2) Linksiz Versiyonlar:

Başlık kısmında link bulunmayan versiyonlardır. Bunların linkli versiyonları da vardır.



<iframe frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="http://kaabalive.net/BirSahabeEfendimiz_Gri_C.php" height=90px width="100%"></iframe> 



<iframe frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="http://kaabalive.net/BirSahabeEfendimiz_Siyah_C.php" height=90px width="100%"></iframe> 



<iframe frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="http://kaabalive.net/BirSahabeEfendimiz_Yesil_C.php" height=90px width="100%"></iframe> 



<iframe frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="http://kaabalive.net/BirSahabeEfendimiz_Kirmizi_C.php" height=90px width="100%"></iframe> 



<iframe frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="http://kaabalive.net/BirSahabeEfendimiz_Mavi_C.php" height=90px width="100%"></iframe> 



<iframe frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="http://kaabalive.net/BirSahabeEfendimiz_C.php" height=90px width="100%"></iframe> 

17.7.12

Bir Ayet Bir Hadis Kodları Eklentileri

Farklı renklerde ve tasarımlarda hazırlanmış bir ayet bir hadis uygulamaları ve kodları aşağıdadır. Tasarım olarak sitenize en uygununu seçebilirsiniz. Özellikle yapmamızı veya düzeltmemizi istediğiniz bir husus olursa bu yazının yorumlar kısmına yazarsanız, gücümüz yeterse düzeltmeye ya da yapmaya çalışırız inşallah. Faydalı olması dileğiyle. Aşağıdaki eklentilere benzer diğer eklentilerimize aşağıdaki linkten ulaşabilirsiniz.


Diger Tüm Dini Site Eklentilerimiz Için Tiklayin...



<iframe frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="http://kaabalive.net/BirAyet_BirHadis.php" width="100%"></iframe>






<iframe frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="http://kaabalive.net/BirAyet_BirHadis_Gri.php" width="100%"></iframe>





<iframe frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="http://kaabalive.net/BirAyet_BirHadis_Renksiz.php" width="100%"></iframe>





<iframe frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="http://kaabalive.net/BirAyet_BirHadis_Renksiz2.php" width="100%"></iframe>





<iframe frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="http://kaabalive.net/BirAyet_BirHadis_Siyah.php" width="100%"></iframe>







<iframe frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="http://kaabalive.net/BirAyet_BirHadis_Yesil.php" width="100%"></iframe>

1.5.12

Dini Site Eklentileri - Ayet - Hadis - Dua - Esma - Söz - Sahabe


DIGER TÜM DINI SITE EKLENTILERIMIZ IÇIN TIKLAYIN...




Not: Aşağıdaki site eklentilerinin height ve width değerlerini kendi site ve projenize uygun olarak düzenleyebilirsiniz. Bu eklentileri eklediğiniz sayfa her yenilendiğinde eklentideki içerik de değişecektir. Bu eklentilerin nasıl yapıldığını yine bu sitede bulabilirsiniz.

Ben eklentileri eklemek istiyorum ama renk uymuyor derseniz istediğiniz renk kodunu yorumlara yazın, inşallah elimizden geldiğince yardımcı olmaya çalışalım.


Bir Ayet Kodu - Eklentisi:


<iframe frameborder=0 height=95 marginheight=0 marginwidth=0 scrolling=no src="http://kaabalive.net/BirAyetUzun.php" width=100%> </iframe>


Bir Esma Kodu - Eklentisi:


<iframe frameborder=0 height=75 marginheight=0 marginwidth=0 scrolling=no src="http://kaabalive.net/BirEsma.php" width=100%> </iframe>





Söz Sultanlarından Bir Hikmetli Söz Kodu - Eklentisi:


<iframe frameborder=0 height=75 marginheight=0 marginwidth=0 scrolling=no src="http://kaabalive.net/BirHikmetliSoz.php" width=100%> </iframe>





Bir Sahabe Efendimiz Kodu - Eklentisi:


<iframe frameborder=0 height=75 marginheight=0 marginwidth=0 scrolling=no src="http://kaabalive.net/BirSahabeEfendimiz.php" width=100%> </iframe>





Bir Hadis-i Şerif Kodu - Eklentisi:


<iframe frameborder=0  marginheight=0 marginwidth=0 scrolling=no src="http://kaabalive.net/BirHadisUzun.php" width=100%> </iframe>





Diğer Dini İçerikli - Reklamsız Site Eklentileri:

Sitene Dua Kodu Ekle - Eklenti Yapılışı


Reklamsız Bir Ayet Bir Hadis Bir Söz Kodu 




Esmaülhüsna kodunun örneğini sağ üst köşede, dini sual kodunun örneğini de sağ tarafta görebilirsiniz. Sitenize eklemek isterseniz bu yazının hemen üstündeki linke tıklayıp gerekli kodlara erişebilirsiniz.

29.4.12

Reklamsız Bir Ayet Bir Hadis Bir Söz Kodu

Aşağıdaki kodları kullanarak sitenize Bir Ayet - Bir Hadis-i Şerif Bir Söz ekleyebilirsiniz.

<iframe frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="http://kaabalive.net/birayet_birhadis_birsoz.php" width="100%"></iframe>




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.
Related Posts Plugin for WordPress, Blogger...