AllaTurkaa

Değerli Allaturka Forum Üyeleri ve ziyaretçilerimiz , Web sitenizde, blogunuzda veya forumunuzda kullanabileceğiniz, tamamen ücretsiz ve işlevsel bir hava durumu widget kodu hazırladık. Bu widget, herhangi bir lisans veya karmaşık API anahtarı gerektirmeden, doğrudan HTML kodunu yapıştırarak çalışmaya başlar. Widget'ın Temel Özellikleri: API Anahtarı GEREKMEZ: Kurulum için herhangi bir ücretli veya ücretsiz API servisine üye olmanız gerekmez. Açık kaynaklı ve güvenilir veri kaynaklarını kullanır. Modern Tema: Koyu arkaplan ve parlak vurgu renkleriyle modern bir görünüme sahiptir, Dark Mode tasarımlarına mükemmel uyum sağlar. Temiz Arayüz: Gereksiz bilgilerden arındırılmış, sadece anlık sıcaklık ve önemli tahminleri gösterir. II. BÖLÜM: KULLANIM VE DİNAMİK İŞLEVSELLİK Bu widget, kurulum kolaylığının yanı sıra kullanıcı deneyimini de ön planda tutar. Dinamik Arama: Widget üzerindeki arama çubuğuna istenen şehrin adını yazıp Enter tuşuna basarak dünyanın her yerindeki hava durumunu anında görebilirsiniz. Tam 5 Günlük Tahmin: Anlık sıcaklığın yanı sıra, dar alanda bile yatay kaydırma çubuğuna gerek kalmadan önümüzdeki 5 günlük kısa tahmin kartları gösterilir. Boyutlar: Yatay alanda maksimum verimlilik için 350 piksel genişliğinde optimize edilmiştir. III. BÖLÜM: GELİŞTİRMEYE AÇIK KOD REHBERİ Paylaştığımız kod tamamen HTML, CSS ve JavaScript'ten oluşmaktadır. Bu sayede dilediğiniz zaman widget'ı kendi tasarımınıza göre özelleştirebilirsiniz. 1. Logo/Resim Bağlantısı ve Boyut Ayarı: Widget'ın üst kısmında bulunan logo alanını kendi resminizle değiştirebilirsiniz. Bunun için img src="..." etiketindeki resim adresini ve CSS bölümündeki .img-logo sınıfının max-width kuralını kullanabilirsiniz. 2. Genel Genişlik ve Boyut Kontrolü: Widget'ın toplam genişliğini kontrol eden CSS kuralı, .widget-wrapper sınıfında yer alan max-width: 350px; kuralıdır. 3. Tema Renklerini Değiştirme: Widget'ın renk şemasını, CSS'in en başındaki :root bölümünde bulunan değişkenleri değiştirerek hızla özelleştirebilirsiniz. KURULUM KODU AŞAĞIDADIR: İyi kullanımlar dileriz!