Değerli Kullanıcılar Ve Geliştiriciler,
Kendi web sitenizde, blogunuzda veya herhangi bir dijital platformda kullanabileceğiniz, tamamen koyu temaya uyumlu, hızlı ve kompakt bir link widget'ı hazırladık. Bu widget'ı HTML kodunu kopyalayarak kolayca sitenize entegre edebilirsiniz. İçeriği, Türkiye Cumhuriyeti'nin en çok ihtiyaç duyulan 15 önemli kurumuna tek tıkla ulaşım sağlamaktadır.
Widget'ın Öne Çıkan Özellikleri:
1. Yüksek Hız Ve Kompakt Tasarım:
Bu widget'ın en önemli özelliği, sayfalarınızın yüklenme hızını düşürmemesi için optimize edilmesidir. Link ikonları, görsel dosya (PNG/JPG) yerine metin tabanlı sembollerle (????️, ⚖️, ????) oluşturulmuştur. Bu sayede, resim bekleme süresi olmadan anında görünür ve sayfa yüklenme hızınız korunur.
2. Koyu Tema İle Tam Uyum:
Tasarım, modern koyu temalara uyum sağlamak üzere geliştirilmiştir. Koyu mavi arka planlar, turuncu renkli ayırıcılar ve beyaz ikonlar ile gölgelendirilmiş butonlar, sitenizin estetiği ile kusursuz bir bütünlük sağlar.
3. Türkiye Genelinde 15 Önemli Link:
Widget, en sık kullanılan ve kritik 15 resmi kurumu içerecek şekilde düzenlenmiştir. Başlıca linkler şunlardır:
• E-Devlet Ve SGK: Tüm vatandaşlık ve sosyal güvenlik işlemleri.
• Adalet Ve İletişim: CİMER ve Adalet Bakanlığı.
• Ekonomi Ve Standartlar: Merkez Bankası, GİB (Gelir İdaresi), TOKİ ve TSE.
• Güvenlik Ve Eğitim: AFAD, MEB ve YSK.
4. Esnek Ve Kullanıcı Odaklı Yapı:
Widget'ın başlıkları ve link isimleri, okunurluğu artırmak için optimize edilmiştir. Uzun link isimleri dahi ikinci satırda kırpılmadan ve kaydırma çubuğu oluşturmadan temiz bir şekilde görünür.
---
Widget Nasıl Özelleştirilir? (Geliştirici Notları)
Bu widget'ı sitenizdeki herhangi bir alana (kenar çubuğu, alt kısım vb.) yerleştirebilir ve kendi ihtiyaçlarınıza göre kolayca düzenleyebilirsiniz. HTML dosyasında yapacağınız düzenlemeler aşağıdadır:
1. Yeni Link Ekleme:
Yeni bir link eklemek için, mevcut `...` bloklarından herhangi birini kopyalayıp `
**Örnek Link Bloğu:**
<a href="**YENİ LİNK ADRESİ**" target="_blank" class="link-item">
<i class="link-icon">**YENİ SİMGE**</i>
<div class="link-text">
<div class="link-title">**YENİ BAŞLIK ADI**</div>
</div>
</a>
2. Simge (İkon) Ekleme/Değiştirme:
Simge eklemek için, link bloğu içindeki <i class="link-icon">...</i>
etiketinin arasına, Unicode sembollerini kopyalayıp yapıştırabilirsiniz. Binlerce ücretsiz simge için popüler emojiler veya Unicode karakter tabloları kullanılabilir.
**Örnek Simge Kullanımı:**
<i class="link-icon">**????**</i>
yerine <i class="link-icon">**⭐**</i>
kullanabilirsiniz.
3. Renk Ve Tasarım Ayarları:
Widget'ın genel renklerini ve ölçülerini, HTML dosyasının başındaki <style>...</style>
etiketleri arasındaki CSS kodlarını düzenleyerek sitenizin temasına uyarlayabilirsiniz:
• Ana Arka Plan Rengi: .widget-wrapper
içindeki **`background-color: #2c3e50;`**
• Link Kutusu Rengi: .link-item
içindeki **`background-color: #34495e;`**
• Vurgu/Ayırıcı Rengi: .header-section
içindeki **`border-bottom: 2px solid #FF8C00;`**
• Genişlik Ölçüsü: .widget-wrapper
içindeki **`max-width: 350px;`**
Bu widget'ın sitenize değer katmasını dileriz. İyi çalışmalar!