Mudanças entre as edições de "Predefinição:DASH"

De Wiki Gla
Ir para navegação Ir para pesquisar
Etiqueta: Reversão manual
 
(11 revisões intermediárias por 2 usuários não estão sendo mostradas)
Linha 1: Linha 1:
<templatestyles src="Predefinição:DASH/styles.css" />
<templatestyles src="Predefinição:DASH/styles.css" /><div class="dash-box {{#if:{{{color|}}}|cor-{{{color}}}|cor-padrao}}"><div class="dash-texto">{{{1|}}}</div></div>
{{#if:{{{img|}}}
<noinclude>
|<div class="dash-box {{#if:{{{cor|}}}|cor-{{{cor}}}|cor-padrao}}">
==Uso==
  <div class="dash-img">
    [[Arquivo:{{{img}}}.gif|{{{size|50px}}}|link=]]
  </div>
  <div class="dash-texto">
    {{{1}}}
  </div>
</div>
|<div class="dash-box {{#if:{{{cor|}}}|cor-{{{cor}}}|cor-padrao}}">
  <div class="dash-texto">
    {{{1}}}
  </div>
</div>
}}


<noinclude>
A predefinição <code>DASH</code> serve para exibir caixas de destaque com mensagens importantes, avisos ou notas explicativas, com cores opcionais. É ideal para chamar atenção do leitor em seções específicas de uma página.
== 🧾 Uso ==
Esta predefinição cria uma caixa colorida com borda tracejada, imagem opcional e responsiva para dispositivos móveis.


=== 📌 Sintaxe ===
===Sintaxe básica===
<code>
<pre>
{{DASH
{{DASH
|img=NomeDoArquivoSemExtensao
|color=vermelho
|size=60px
|1=⚠ Atenção! Esta ação não pode ser desfeita.
|cor=vermelho
|1=Texto aqui.
}}
}}
</code>
</pre>
 
===Parâmetros===
; <code>1</code> (obrigatório)
: O texto a ser exibido dentro da caixa.
; <code>color</code> (opcional)
: Define a cor de fundo da caixa. Se não for informado, será usada a cor padrão (azul claro).


=== 🧩 Parâmetros ===
===Cores disponíveis===
* <code>img</code> (opcional) — nome da imagem (sem extensão).
Você pode personalizar a cor da caixa usando o parâmetro <code>color</code> com um dos seguintes valores:
* <code>size</code> (opcional) — tamanho da imagem (ex: <code>60px</code>).
* <code>cor</code> — define a cor da caixa. Aceita:
** <code>padrao</code> (azul claro)
** <code>verde</code>
** <code>amarelo</code>
** <code>vermelho</code>
* <code>1</code> — texto principal da caixa.


=== ✅ Exemplo ===
* <code>padrao</code> (ou vazio) — Azul claro
* <code>verde</code>
* <code>amarelo</code>
* <code>vermelho</code>
 
===Exemplos===
'''Caixa padrão (azul claro):'''
<pre>
<pre>
{{DASH
{{DASH|1=ℹ Esta é uma mensagem padrão.}}
|img=Buggy
</pre>
|size=60px
 
|1=Buggy é um personagem do arco Orange Town.
'''Caixa verde:'''
|cor=vermelho
<pre>
}}
{{DASH|color=verde|1=✔ Tudo certo! Você completou a etapa com sucesso.}}
</pre>
 
'''Caixa vermelha:'''
<pre>
{{DASH|color=vermelho|1=⚠ Atenção! Esta ação não pode ser desfeita.}}
</pre>
 
'''Caixa amarela:'''
<pre>
{{DASH|color=amarelo|1=⚠ Aviso! Verifique os dados inseridos.}}
</pre>
</pre>
</noinclude>
</noinclude>

Edição atual tal como às 01h36min de 16 de maio de 2025

Uso

A predefinição DASH serve para exibir caixas de destaque com mensagens importantes, avisos ou notas explicativas, com cores opcionais. É ideal para chamar atenção do leitor em seções específicas de uma página.

Sintaxe básica

{{DASH
|color=vermelho
|1=⚠ Atenção! Esta ação não pode ser desfeita.
}}

Parâmetros

1 (obrigatório)
O texto a ser exibido dentro da caixa.
color (opcional)
Define a cor de fundo da caixa. Se não for informado, será usada a cor padrão (azul claro).

Cores disponíveis

Você pode personalizar a cor da caixa usando o parâmetro color com um dos seguintes valores:

  • padrao (ou vazio) — Azul claro
  • verde
  • amarelo
  • vermelho

Exemplos

Caixa padrão (azul claro):

{{DASH|1=ℹ Esta é uma mensagem padrão.}}

Caixa verde:

{{DASH|color=verde|1=✔ Tudo certo! Você completou a etapa com sucesso.}}

Caixa vermelha:

{{DASH|color=vermelho|1=⚠ Atenção! Esta ação não pode ser desfeita.}}

Caixa amarela:

{{DASH|color=amarelo|1=⚠ Aviso! Verifique os dados inseridos.}}