You are not logged in.

Sayfalarınıza, Bloglarınıza 100 Soruluk Bilgi Merkezi Soru-Cevap (FAQ) Widget'ı

Dear visitor, welcome to AllaTurkaa. If this is your first visit here, please read the Help. It explains in detail how this page works. To use all features of this page, you should consider registering. Please use the registration form, to register here or read more information about the registration process. If you are already registered, please login here.

Seyyah20

Trainee

  • "Seyyah20" is male
  • "Seyyah20" started this thread

Posts: 161

Date of registration: Jan 25th 2014

Location: DENİZLİ/Gönlünüze ektiğiniz her güzellik, bir gün size bereketli bir hasat olarak dönecektir.

  • Send private message

1

Friday, October 24th 2025, 10:18pm

Sayfalarınıza, Bloglarınıza 100 Soruluk Bilgi Merkezi Soru-Cevap (FAQ) Widget'ı

Merhaba Alaturka üyeleri ve değerli ziyaretçiler,

Bu yeni ve şık widget'ımız, forum temamızla tam uyumlu olacak şekilde, koyu renkler, turuncu ve yeşil vurgularla özel olarak tasarlandı. 350 piksel genişliğindeki bu Soru-Cevap formunda, Siyasetten Sağlığa, Teknolojiden Yaşama kadar pek çok farklı kategoride toplam 100 adet hazır soru ve cevabı bulabileceksiniz. Amacımız, Bilgi Merkezi'ni daha kullanışlı ve göz yormayan bir hale getirmekti. Tüm içerik, kolay gezinmeniz için 25'erli tematik bölümlere ayrılmıştır.

Widget'ın Özellikleri ve Teknik Detayları

1. ÖLÇÜLER VE GENİŞLİK

Widget'ın standart genişliği 350 piksel (px) olarak ayarlanmıştır.

Bu ölçüyü değiştirmek için, <style> etiketleri arasındaki .faq-widget-wrapper sınıfında bulunan şu satırı düzenlemeniz gerekir:

width: 350px;

2. RENK ŞEMASI VE TEMEL DEĞİŞİKLİKLER

Widget, koyu temalı görsel bütünlüğünüzü koruyacak şekilde, Turuncu ve Yeşil vurgularla düzenlenmiştir.

Ana Renk Kodları (Değiştirebileceğiniz Yerler):

a) Ana Arka Plan Rengi (Koyu Gri/Mavi):

background-color: #2c3e50; (İçerik alanı)

b) Başlık ve Liste Vurgu Rengi (Turuncu):

color: #FF8C00; (Başlık metni ve liste bordürü)

c) Bordür ve Cevap Alanı Vurgu Rengi (Yeşil):

border: 2px solid #2ecc71; (Dış bordür)

d) Liste Arkaplan Rengi (Koyu Gri):

background-color: #4a4a4a; (Soruların listelendiği select alanının arka planı)

3. LOGO DEĞİŞİKLİĞİ

Logo, kodun <body> bölümünde yer alan <img> etiketi ile eklenmiştir. Mevcut logo yolu doğrudan Allaturka adresine yönlendirilmiştir:

<img src="https://allaturkaa.de/forum/wcf/images/a…a/logo.png&quot; alt="Allaturka Logo" class="faq-logo-img">

Kendi logonuzu kullanmak için, bu adresi kendi logonuzun yeni URL adresiyle değiştirmeniz yeterlidir.

4. SORU VE CEVAP EKLEME/DÜZENLEME

Soru ve cevaplar, <select> listesi içindeki <option> etiketlerinde tutulur.

Format:

<option value="[CEVAP METNİ BURAYA GELİR]"> --> [SORU METNİ BURAYA GELİR]

Örnek:

<option value="Demokrasi, halkın egemenliğini kendi seçtiği temsilciler aracılığıyla kullandığı yönetim biçimidir."> --> SORU 1: Demokrasi nedir?

Yeni soru eklemek için, istediğiniz tematik bölüme bu formatta yeni bir <option> etiketi eklemeniz yeterlidir.

5. IFRAME İLE FORUMA EKLEME YÖNTEMİ

Forum sitelerinde, genellikle HTML, CSS ve JavaScript içeren widget'lar güvenlik nedeniyle doğrudan eklenemez. Bunun en güvenli yolu, kodu ayrı bir HTML dosyası olarak sunucunuza yüklemek ve ardından bu dosyayı forumdaki widget alanına bir iframe ile çağırmaktır.

a) Hazırlık: Yukarıdaki tüm kodu faq_widget.html gibi bir isimle kaydedin ve web sunucunuzun kök dizinine yükleyin.

b) Ekleme Kodu (Forum Widget Alanı): Forumunuzdaki widget alanına veya mesaj içine aşağıdaki kodu ekleyin:

<iframe src="[SİZİN_SİTENİZİN_ADRESİ]/faq_widget.html" width="350" height="500" frameborder="0" scrolling="auto"></iframe>

Not: height (yükseklik) değerini (örnekte 500) soru sayısı arttıkça veya azaldıkça ihtiyacınıza göre ayarlayın. scrolling="auto" etiketi, içeriğin tamamı sığmadığında otomatik olarak kaydırma çubuğu oluşturur.

6. GELİŞTİRİLEBİLİR ÖZELLİKLER

Tematik Bölüm Başlıkları: Soruların gruplandığı option value="..." disabled etiketlerindeki tematik başlıkları (--- 1. BÖLÜM: SİYASET VE HUKUK ---) dilediğiniz gibi değiştirebilirsiniz.

Liste Boyutu: Sorular listesinin görünen satır sayısını (<select size="10" ...>) küçültüp büyüterek widget'ın yüksekliğini ayarlayabilirsiniz.

Cevap Alanı Boyutu: Cevapların göründüğü <textarea> etiketindeki rows="10" değerini değiştirerek cevap alanının yüksekliğini ayarlayabilirsiniz.

Mobil Uyumluluk: width: 350px; yerine width: 100%; max-width: 350px; kullanarak mobil cihazlarda daha esnek bir görünüm sağlayabilirsiniz.

Umarız bu yeni Bilgi Merkezi, forumdaki bilgi paylaşımınızı daha keyifli hale getirir. İyi paylaşımlar ve keyifli forumlar dileriz.



Seyyah20 has attached the following file:

Similar threads