Ekleme

Sunucu izleme widget'ı

Bir <script> etiketini topluluk sitene, forumuna veya Wordpress sayfana ekle. Widget, sunucularını canlı bir karusel gibi sırayla gösterir; her 30 saniyede bir boost.warzonecs.com'dan sunucu adı, mevcut harita, oyuncu sayısı ve ülke bayrağını çeker.

Canlı önizleme — tek sunucu

Tek adresle widget tek statik kart gösterir — karusel kontrolü olmaz. Sağdaki önizleme data-lang="lt" geçirir, bu yüzden düğme etiketleri (Connect, Donate, Boost, Copy address vb.) Litvanca döner.

Geniş, İngilizce (varsayılan)

Geniş, Litvanca

Dar (yığılı düzen)

Canlı önizleme — birden çok sunucu

İki veya daha fazla adresle widget kartın altına karusel kontrolleri ekler ve her altı saniyede bir otomatik ilerler. Kullanıcılar ayrıca ‹ ve › oklarıyla veya noktalara dokunarak geçiş yapabilir.

Geniş (satır düzeni)

Dar (yığılı düzen)

Kopyala-yapıştır kodu

<div id="wzcs-monitor" style="width: 820px; max-width: 100%;"></div>
<script src="https://boost.warzonecs.com/js/embed/monitor.js"
        data-servers="91.211.247.155:27015"
        data-target="#wzcs-monitor"
        data-lang="tr"
        async></script>

Widget kapsayıcısının genişliğini doldurur ve 720 px üzerinde yatay satır düzenine geçer. Yerleşimi kontrol etmek için sabit boyutlu bir öğeye sar. Düğme etiketlerini ve ipuçlarını yerelleştirmek için data-lang'i desteklenen herhangi bir kodla değiştir (aşağıdaki seçenekler tablosuna bak).

Seçenekler

Öznitelik	Zorunlu	Varsayılan	Açıklama
data-servers	Evet	—	Virgülle ayrılmış `ip:port` listesi. Maksimum 12 sunucu.
data-target	Hayır	(satır içi)	Renderlanacak elemanın CSS seçicisi. Script etiketinin yanına yerleştirmek için boş bırak.
data-interval	Hayır	30	Yenileme aralığı, saniye cinsinden (en az 15).
data-cycle	Hayır	6	Karusel otomatik ilerleme saniyesi. Kapatmak için `0` ayarla.
data-lang	Hayır	en	Arayüz dili. Desteklenenler: `en`, `ru`, `pl`, `lt`, `de`, `fr`, `es`, `tr`, `cs`, `pt`, `ro`. Bilinmeyen değerler İngilizceye döner.

Tema

.wzcs-monitor'daki herhangi bir CSS özel özelliğini kendi stil sayfanda geçersiz kıl — widget koduna dokunmadan anında uygulanır.

.wzcs-monitor {
    --wzcs-neutral-900-60: #0a0e1a;
    --wzcs-brand-500: #22d3ee;
    --wzcs-radius-xl: 4px;
    --wzcs-font: "Fira Sans", sans-serif;
}

Tam token listesi /js/embed/monitor.js'in başında belgelenmiştir — nötr palet, brand turuncu, zümrüt, gül, kehribar, artı --wzcs-radius-* ve --wzcs-font{,-mono}.