AllaTurkaa

Değerli forum üyeleri ve ziyaretçiler,

Sitenize manevi bir değer katacak ve ziyaretçileriniz için pratik bir bilgi kaynağı sunacak Kur'an-ı Kerim'de Adı Geçen 25 Peygamber Bilgi Widget'ı'nı sizlerle paylaşmaktan mutluluk duyuyorum.
Bu widget, akordiyonlu yapısı, şık tasarımı ve en önemlisi tam fonksiyonel çalışan arama kutusu ile öne çıkıyor.

Kod, saf HTML, CSS ve JavaScript kullanılarak hazırlanmıştır, bu sayede tüm sitelerinizde (WordPress, Blogger, XenForo, vBulletin vb. CMS'ler) kolayca kullanılabilir.

Bu widget'ın en büyük avantajı, içeriği pratik bir şekilde sunmasıdır:

Temel Özellikler ve Neden Bu Widget'ı Kullanmalısınız?

Kapsamlı İçerik: Kur'an'da adı geçen 25 peygamberin tamamı listede mevcuttur. Ayrıca, ihtilaflı olan veya peygamber olmamakla birlikte Kur'an'da zikredilen Salih Şahıslar (Hz. Hızır, Lokman Hekim, Hz. Meryem vb.) ayrı bir bölümde sunulmuştur.

Gelişmiş Arama Kutusu: Ziyaretçilerinizin aradığı peygamberi anında bulabilmesi için optimize edilmiştir. Örneğin, "Muhammed" veya "Musa" yazarak ilgili başlığa hemen ulaşabilirler. (Önemli Not: Aranan peygamber bulunamadığında özel bir uyarı mesajı gösterilir.)

Sekmeli Yapı: 25 peygamber, daha düzenli ve temiz bir görünüm için 3 ayrı sekmeye bölünmüştür.

Kronoloji Modalı: Butona tıklayarak açılan şık bir modal penceresinde, tüm peygamberlerin yaşadığı tahmin edilen dönemleri ve bölgeleri gösteren detaylı bir kronoloji tablosu yer alır.

Mobil Uyum (Responsive): Widget, her türlü ekran boyutunda (telefon, tablet, masaüstü) sorunsuz çalışacak şekilde tasarlanmıştır.

Özelleştirme ve Teknik Detaylar

Bu widget, temel web teknolojilerini bilen herkesin kolayca düzenleyebileceği bir yapıya sahiptir.

Tüm Sayfalara (CMS'lere) Uyumluluk:

Kod, harici kütüphane bağımlılığı olmadan (Font Awesome hariç) tek bir HTML dosyasında toplanmıştır.

Bütün CMS'lerde, sayfa içeriği, özel widget veya HTML Bloku olarak herhangi bir düzenleme yapmadan direkt çalışır.

Renk ve Tema Nasıl Değiştirilir?

Tüm tema renkleri, CSS kodunun başındaki :root bölümünde tanımlanan değişkenler aracılığıyla kolayca değiştirilebilir.

Aşağıdaki değişkenleri istediğiniz HEX koduyla değiştirmeniz yeterlidir:

--widget-bg-inner (Widget Arka Plan Rengi - Koyu Yeşil) --border-gold (Altın Vurgu ve Çerçeve Rengi) --text-dark (Ana Metin Rengi - Beyaz) --list-marker-green (Liste/Vurgu Rengi - Açık Yeşil) Yaşadığı Tarih ve Bölge (Kronoloji) Nasıl Düzenlenir?

"Kronoloji & Coğrafya Haritası" modalındaki bilgiler, HTML kodunun alt kısmında bulunan <table class="chronology-table"> etiketi içindedir.

İlgili <th> ve <td> satırlarını bularak, peygamberlerin yaşadığı bölge ve dönem bilgilerini kolayca güncelleyebilir veya kendi notlarınızı ekleyebilirsiniz.

Peygamber Bilgileri Nasıl Eklenir/Güncellenir?

Her peygamber için ayrılan <div class="collapsible-content"> etiketinin içindeki paragraf (<p>) etiketlerini düzenleyerek veya yenilerini ekleyerek içerikleri zenginleştirebilirsiniz.

Geliştirme ve Kullanım

Kod, tamamen açık kaynaklı ve geliştirilebilir durumdadır. Kullanmak isteyenler için gerekli HTML/CSS/JS kodu ekte yer almaktadır. Dileyen herkes kodu indirip kendi ihtiyaçlarına göre özelleştirebilir, yeni özellikler ekleyebilir ve daha da geliştirebilir.

Bu projeye katkı sunmak isteyenler olursa geri bildirimlerini bekliyorum! İyi paylaşımlar.