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

De Wiki Gla
Ir para navegação Ir para pesquisar
Etiqueta: Reversão manual
 
(10 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:{{{color|}}}|cor-{{{color}}}|cor-padrao}}">
==Uso==
    <div class="dash-img">
 
      [[Arquivo:{{{img}}}.gif{{#if:{{{size|}}}||{{{size}}}}|link=]]
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.
    </div>
 
    <div class="dash-texto">
===Sintaxe básica===
      {{{1|}}}
<pre>
    </div>
{{DASH
  </div>
|color=vermelho
|
|1=⚠ Atenção! Esta ação não pode ser desfeita.
  <div class="dash-box {{#if:{{{color|}}}|cor-{{{color}}}|cor-padrao}}" style="text-align:left;">
    {{{1|}}}
  </div>
}}
}}
</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).


<noinclude>
===Cores disponíveis===
== 🧾 Uso ==
Você pode personalizar a cor da caixa usando o parâmetro <code>color</code> com um dos seguintes valores:
Esta predefinição cria uma caixa colorida com borda tracejada, imagem opcional e responsiva para dispositivos móveis.
 
* <code>padrao</code> (ou vazio) — Azul claro
* <code>verde</code>
* <code>amarelo</code>
* <code>vermelho</code>
 
===Exemplos===
'''Caixa padrão (azul claro):'''
<pre>
{{DASH|1=ℹ Esta é uma mensagem padrão.}}
</pre>


=== 📌 Sintaxe ===
'''Caixa verde:'''
<code>
<pre>
{{DASH
{{DASH|color=verde|1=✔ Tudo certo! Você completou a etapa com sucesso.}}
|img=NomeDoArquivoSemExtensao
</pre>
|size=60px
|cor=vermelho
|1=Texto aqui.
}}
</code>


=== 🧩 Parâmetros ===
'''Caixa vermelha:'''
* <code>img</code> (opcional) — nome da imagem (sem extensão).
<pre>
* <code>size</code> (opcional) — tamanho da imagem (ex: <code>60px</code>).
{{DASH|color=vermelho|1=⚠ Atenção! Esta ação não pode ser desfeita.}}
* <code>cor</code> — define a cor da caixa. Aceita:
</pre>
** <code>padrao</code> (azul claro)
** <code>verde</code>
** <code>amarelo</code>
** <code>vermelho</code>
* <code>1</code> — texto principal da caixa.


=== ✅ Exemplo ===
'''Caixa amarela:'''
<pre>
<pre>
{{DASH
{{DASH|color=amarelo|1=⚠ Aviso! Verifique os dados inseridos.}}
| img = NomeDoArquivo
| size = 150px
| color = verde
| 1 = Seu texto aqui, explicando algo legal!
}}
</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.}}


Disponível em “https://wiki.gla.com.br/index.php?title=Predefinição:DASH&oldid=32621”