Xatools by 3men2

Ferramentas para Xat

@Marv (1997)
xat.com ↗

Conversor de Namegrad para xat

Cole o seu estilo HTML ou CSS

Parâmetros do conversor Detectados automaticamente do CSS; você pode ajustá-los

Como o xat traduz o código em CSS (engenharia reversa do 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 %.
  • Máximo 15 cores; com menos de 2 o xat usa o arco-íris padrão.

Pré-visualização (render idêntico ao xat)

TU_NICK TU_NICK

Código pronto para copiar

Paleta (ordem do código xat)

0 Cores

Cole um código acima para extrair a paleta

Cole o style que o inspetor do navegador (DevTools) mostra em qualquer nick do xat e obtenha o código namegrad exato, com as cores, a rotação e o glow corretos. Também funciona ao contrário: cole um código xat e veja o CSS com que o cliente HTML5 do xat o desenha.

Perguntas frequentes

Como copio o estilo de um nick do xat?+

Clique com o botão direito no nick do chat, escolha "Inspecionar" e copie o atributo style do span com classe clip ou nameWave. Cole aqui e o conversor extrai as cores e a rotação.

Por que meu código não bate com o original?+

O xat aplica regras próprias: inverte a ordem das cores, limita a rotação a ±45 com namewave e usa 45 como padrão. O conversor replica essas regras a partir do código do cliente oficial.

Quais powers preciso para usar o código?+

Namegrad para o gradiente, Nameglow para o brilho e Namewave para a animação. Consulte-os no nosso catálogo de powers.