AllaTurkaa

Merhaba Allaturka Forum Üyeleri ve Ziyaretciler ,

Web sitelerinizde veya kişisel bloglarınızda manevi içeriği modern bir tasarımla birleştirmek isteyenler için, üzerinde titizlikle çalıştığım bir HTML/CSS/JS widget'ını paylaşmaktan mutluluk duyuyorum: Detaylı İslami Bilgiler Widget'ı.

Bu özel widget, temel dini bilgileri sade, düzenli ve göz yormayan bir yapıda sunmak amacıyla koyu (dark) temayla tasarlandı. Aşağıda hem estetik hem de işlevsel açıdan tüm detayları bulabilirsiniz.

BÖLÜM 1: Tasarım ve Estetik Özellikler

Widget'ımız, modern web standartlarına uygun, sade ve şık bir görünüme sahiptir. Koyu temalı sitelerle tam uyum sağlaması için renkler özel olarak seçildi:

• Huzur Veren Koyu Tema: Ana arka plan rengi olan Koyu Yeşil (#1A4032) ve Besmele ile başlıklar için kullanılan Koyu Haki/Altın (#907F5A) tonları sayesinde, gözü yormayan, zarif ve dingin bir atmosfer oluşturur.
• Mükemmel Boyutlandırma: Mobil uyumluluk ve masaüstünde ferah bir görünüm için genişlik 375 piksel olarak optimize edilmiştir.
• Manevi Dokunuş: Widget'ın girişinde, özel bir hat fontu (Amiri Quran) ile hazırlanan Besmele yazısı, tasarıma manevi bir derinlik katmaktadır.
• Yumuşak Geçişler: Sekmeler ve diğer etkileşimli öğeler, hafif gölgeler ve nazik geçiş efektleriyle tasarlanmış, böylece kullanıcı deneyimi pürüzsüzleştirilmiştir.

BÖLÜM 2: Yapı ve Kullanım Kolaylığı

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

• Üç Ana Sekme: Bilgileri düzenli tutmak için içerik, İslam'ın Şartları, 32 Farz ve 54 Farz olmak üzere üç ana başlık altında toplanmıştır.
• Akordiyon (Açılır Kapanır) Detaylar: İslam'ın Şartları sekmesinde, her bir şartın üzerine tıklandığında ilgili maddeye ait uzun ve detaylı açıklama açılır/kapanır. Bu özellik, sayfa kalabalığını önlerken, okuyucunun yalnızca merak ettiği detayı görmesini sağlar.
• Saf Kodlama: Widget, harici kütüphanelere bağımlı olmaksızın sadece HTML, CSS ve temel JavaScript kullanılarak yazılmıştır. Bu sayede sitenizin yüklenme hızını korur.
• Kaynak Bilgisi: Sayfa altındaki "Powered by Dost Yurdu" ibaresi, içeriğin hangi kaynaktan geldiğini kibarca belirtmektedir.

CMS UYUMLULUĞU VE KURULUM

Bu widget, tamamen saf kod (HTML, CSS ve JavaScript) kullanılarak hazırlandığı için, WordPress, Joomla, Drupal, Blogger veya özel altyapılar dahil olmak üzere, tüm popüler CMS (İçerik Yönetim Sistemi) platformlarıyla tam uyumludur.

Kurulum için, HTML/CSS/JS kodlarının tamamını kopyalayıp sitenizin HTML/Widget kodu kabul eden uygun bir alanına (gövdeye, yan panele veya özel bileşen bölümlerine) yapıştırmanız yeterlidir.

Kodlar ekte verilmiştir.

Tasarımı keyifle kullanmanız ve sitenize değer katması dileğiyle, güzel ve huzurlu günler dilerim. Selam ve dua ile.