Integrare

Widget de monitorizare a serverului

Lipește un tag <script> pe site-ul comunității tale, forum sau pagină Wordpress. Widget-ul îți parcurge serverele ca un carusel live, aducând hostname, harta curentă, numărul de jucători și steagul țării de pe boost.warzonecs.com la fiecare 30 secunde.

Previzualizare live — un server

Cu o singură adresă, widget-ul afișează un singur card static — fără controale de carusel. Previzualizarea din dreapta trimite data-lang="lt", deci etichetele butoanelor (Connect, Donate, Boost, Copy address etc.) revin în lituaniană.

Lat, engleză (implicit)

Lat, lituaniană

Îngust (aranjare pe verticală)

Previzualizare live — mai multe servere

Cu două sau mai multe adrese, widget-ul adaugă controale de carusel sub card și avansează automat la fiecare șase secunde. Utilizatorii pot naviga și cu săgețile ‹ și › sau atingând punctele.

Lat (aranjare pe linie)

Îngust (aranjare pe verticală)

Cod de copiat

<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="ro"
        async></script>

Widget-ul umple lățimea containerului său și trece la aranjarea orizontală pe linie peste 720 px. Împachetează-l într-un element de dimensiune fixă pentru a controla dispunerea. Schimbă data-lang cu orice cod suportat (vezi tabelul opțiuni de mai jos) pentru a localiza etichetele butoanelor și tooltip-urile.

Opțiuni

Atribut	Necesar	Implicit	Descriere
data-servers	Da	—	Listă `ip:port` separată prin virgulă. Maxim 12 servere.
data-target	Nu	(inline)	Selector CSS al elementului în care să randeze. Omite pentru injectare lângă tagul script.
data-interval	Nu	30	Interval de reîmprospătare în secunde (minim 15).
data-cycle	Nu	6	Auto-avansare carusel în secunde. Setează `0` pentru dezactivare.
data-lang	Nu	en	Limba interfeței. Suportate: `en`, `ru`, `pl`, `lt`, `de`, `fr`, `es`, `tr`, `cs`, `pt`, `ro`. Valorile necunoscute revin la engleză.

Temă

Suprascrie orice proprietate CSS personalizată pe .wzcs-monitor în propriul tău stylesheet — se aplică imediat, fără să atingi codul widget-ului.

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

Lista completă de token-uri este documentată la începutul /js/embed/monitor.js — paletă neutră, brand portocaliu, smarald, roz, chihlimbar, plus --wzcs-radius-* și --wzcs-font{,-mono}.