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

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> 

6.5.12

Günün Ayeti - Günün Sözü - Günün Hadisi

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.


Yukarıdaki eklenti İçin Sitenize Eklemeniz Gereken Kod:
<iframe frameborder=0 marginheight=0 marginwidth=0 scrolling=no src="http://kaabalive.net/GununAyeti_Hadisi_Sozu.php" width=100%> </iframe>







Yukarıdaki eklenti İçin Sitenize Eklemeniz Gereken Kod:
<iframe frameborder="0" height="80" marginheight="0" marginwidth="0" scrolling="no" src="http://kaabalive.net/GununSozu_2_Basliksiz.php" width="100%"></iframe>



Yukarıdaki eklenti İçin Sitenize Eklemeniz Gereken Kod:
<iframe frameborder=0 marginheight=0 marginwidth=0 scrolling=no src="http://kaabalive.net/GununAyeti.php" width=100%> </iframe>




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.

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.

30.9.11

Bir Ayet Bir Hadis Kodu

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


Sitenize aşağıdaki görüldüğü şekilde bir ayet bir hadis kodu eklemek istiyorsanız aşağıdaki kodları kullanabilirsiniz.





Kodda bulunan width ve height değerleri ile oynayarak sitenize uygun bir şekle sokabilirsiniz, benim gördüğüm kadarıyla en verimli sonucu yukardaki ayarlarla veriyor. Örneğin genişliğini daralttınız, bu durumda bazı yazıların eksik gözükmemesi için boyu arttırmalısınız. Yukarıda 100%'e 80 ise, 50%'e 160 ya da  180 yapabilirsiniz. Önemli olan görünmeyen-eksik satır kalmaması. Bu ayarlarla aşağıdaki gibi gözükecektir.


<iframe border="0" frameborder="0" height="480" name="sorularlaislamiyet4" scrolling="no" src="http://www.sorularlaislamiyet.com/lite/arsivden_secilen_4.php" width="250"></iframe>



KODU:
<object border="0" classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" height="199" id="obj1" style="clear: center; float: center;" width="138">   <param value="http://islamvedinim.tr.gg/isim.swf" name="movie">
<param value="High" name="quality">
<embed name="obj1" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://www.islamiyet.gen.tr/isim.swf" width="435" height="600"></object>
Esasen bu tarz site eklentilerini Diyanet İşleri Başkanlığı belirli kalite standartlarına riayet ederek üretse ve insanların istifadesine sunsa faydalı olur. Örneğin Esma-ül Hüsna Eklentisi, Namaz Vakitleri Eklentisi, Nasihatlar Eklentisi, Veciz Sözler Eklentisi, Kuran-ı Kerim Eklentisi, Hadis-i Şerif Eklentisi, Kaninat Kitabından Manzaralar Eklentisi ve benzeri... gibi. Bu eklentilerden bazıları internette var, ancak bu işe bir düzen getirilirse çok yararlı olur. Aynı zamanda tabii bunların farklı dillerdeki versiyonları da ayrıca büyük bir özenle üretilmeli.
Faydalı olması dileğiyle..
Related Posts Plugin for WordPress, Blogger...