Giriş yapmadınız.

API'siz, 12 Şehirli, Dinamik Dünya Saati Widget Kodu (Yuvarlak Analog Tasarım)

Seyyah20

Stajyer

  • "Seyyah20" bir erkek
  • Konuyu başlatan "Seyyah20"

Mesajlar: 127

Kayıt tarihi: Jan 25th 2014

Konum: DENİZLİ

  • Özel mesaj gönder

1

Dün, 22:22

API'siz, 12 Şehirli, Dinamik Dünya Saati Widget Kodu (Yuvarlak Analog Tasarım)

Değerli Allaturka forum üyelerimiz ve ziyaretçilerimiz,
Yan panelinize veya istediğiniz bir alana kolayca entegre edebileceğiniz, sitenizin koyu temasına uyumlu ve şık bir Dünya Saati Widget kodunu kullanıma sunuyoruz.
Bu widget, İstanbul, Londra, New York, Tokyo gibi 12 büyük şehrin anlık saatini göstermektedir.
Tasarım ve Görünüm:
Yuvarlak (Analog) Gösterim: Her şehir, analog bir saat görünümünde, akrep, yelkovan ve saniye ibresi ile canlı olarak zamanı yansıtır. 3'lü Kompakt Düzen: Dar alanlara bile sığabilmesi için saatler yatayda üçerli gruplar halinde yerleştirilmiştir. Görsel Uyum: Koyu arka plan ve turuncu vurgu renkleri (Primary Color) sayesinde forumun genel tasarımı ile bütünleşir.
II. BÖLÜM: TEKNİK YAPI VE ÖNEMLİ BİLGİ Bu widget'ın en büyük avantajı, dışa bağımlı olmamasıdır.
API Anahtarı GEREKMEZ: Kod, herhangi bir ücretli veya ücretsiz hava durumu/saat API'si kullanmaz. Sadece JavaScript'in yerel zaman hesaplamaları ile çalışır. Bu sayede widget'ın çalışması için harici bir servise üye olmanız, anahtar almanız veya aylık limitleri dert etmeniz gerekmez.
Yaz Saati Uygulaması (DST) Uyarısı: Widget'ın manuel UTC ofseti ile çalışması nedeniyle, Yaz Saati (DST) uygulamasının olduğu ülkelerde (örn: Berlin, Londra, New York) saatler ileri veya geri alındığında, widget'ın da 1 saatlik kayması olacaktır. Bu durumda, kodun içindeki offset değerlerinin manuel olarak 1 artırılması veya 1 azaltılması gerekmektedir. Bu ayar yılda sadece iki kez yapılır.
Örneğin: Yaz saati bitiminde (genellikle Ekim sonu veya Kasım başı) Londra'nın saati UTC+1'den UTC+0'a düşer. Bu durumda, TXT dosyası içindeki kodda şu değişikliği yapmalısınız:
JavaScript
// Eski: { name: 'LONDRA', offset: 1 },
// Yeni: { name: 'LONDRA', offset: 0 },
Kısacası: Şu an için saatler doğrudur, ancak Yaz Saati uygulayan ülkeler için senede iki kere (ilkbahar ve sonbahar geçişlerinde) ofset değerini güncellemeniz gerekir. Bu küçük manuel müdahale, widget'ın API'siz ve daima doğru çalışmasını garantiler.
III. BÖLÜM: KURULUM VE KOD BLOKLARI Widget'ı sitenize eklemek için, tüm HTML/CSS/JS içeriğini sunucunuzda bir .html dosyası olarak kaydetmeniz (Örn: global_dunya_saatleri.html) ve ardından forumunuzdaki iframe kodunu kullanmanız gerekmektedir.
Adım 1: HTML İçeriği (global_dunya_saatleri.html için):
(Kodların tamamı, indirme kolaylığı için bu konuya TXT dosyası olarak eklenmiştir. Lütfen dosyayı indirip global_dunya_saatleri.html olarak kaydediniz.)
Adım 2: Forum ve tüm sitelere, sayfalara ekleme (IFRAME Kodu):
HTML

Kaynak kod

 
1
2
3
4
5
6
7
8

<iframe 
    src="https://SİZİN_SİTENİZ.com/widgets/global_dunya_saatleri.html" 
    width="350px" 
    height="650px" 
    frameborder="0" 
    scrolling="no" 
    style="border: none;">
</iframe>
Seyyah20 belirtilen dosyaları ekledi:

Benzer konular