Xatools by 3men2

Strumenti per Xat

 @Marv (1997)
xat.com ↗

Convertitore Namegrad per xat

Incolla il tuo stile HTML o CSS

Parametri del convertitore Rilevati automaticamente dal CSS; puoi regolarli

Come xat traduce il codice in CSS (reverse engineering di MakeGrad)
  • Los colores del código se invierten: el último color del código es el primer stop del CSS, y xat repite el primer stop al final para cerrar el ciclo.
  • Si no hay r, xat usa r45. Con el power Namewave (NW) el valor se recorta a −45…45 (r50, r100, r120… se ven exactamente igual que r45) y se remapea: rot = r > 0 ? 90 − r : −90 − r; el ángulo CSS es −rot. Así r45 → −45deg, r0 → 90deg, r−45 → 45deg, r20 → −70deg.
  • Primer stop % = (90 − |rot|) / 15 × rep / 100, donde rep = 100 (normal), 50 (o2) o 33.3 (o3). El último stop queda en rep / 2.
  • f1 = 1s, f3 = 2s, f4 = 4s de animation-duration. Con NW y sin f, xat aplica f4 (4s) por defecto.
  • El glow se lee del text-shadow del <span class="userNick nameGlow"> interno; si no hay, es glow#0. Copia el outerHTML completo del span.userNick.clip.nameWave para incluirlo.
  • Sin el power Namewave no se aplican o/f y los stops se reparten de 0 % a 100 %.
  • Massimo 15 colori; con meno di 2 xat usa l'arcobaleno predefinito.

Anteprima (rendering identico a xat)

TU_NICK TU_NICK

Codice pronto da copiare

Palette (ordine del codice xat)

0 Colori

Incolla un codice sopra per estrarre la palette

Incolla lo style mostrato dall'ispettore del browser (DevTools) su qualsiasi nick di xat e ottieni il codice namegrad esatto, con colori, rotazione e glow corretti. Funziona anche al contrario: incolla un codice xat e vedrai il CSS con cui il client HTML5 lo disegna.

Domande frequenti

Come copio lo stile di un nick da xat?+

Clic destro sul nick nella chat, scegli "Ispeziona" e copia l'attributo style dello span con classe clip o nameWave. Incollalo qui e il convertitore estrae colori e rotazione.

Perché il mio codice non coincide con l'originale?+

xat applica regole proprie: inverte l'ordine dei colori, limita la rotazione a ±45 con namewave e usa 45 come valore predefinito. Il convertitore replica queste regole dal codice del client ufficiale.

Quali powers servono per usare il codice?+

Namegrad per il gradiente, Nameglow per il bagliore e Namewave per l'animazione. Puoi consultarli nel nostro catalogo dei powers.