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

De Wiki Gla
Ir para navegação Ir para pesquisar
Etiqueta: Revertido
Etiqueta: Reversão manual
 
(16 revisões intermediárias por 2 usuários não estão sendo mostradas)
Linha 1: Linha 1:
{{#if:{{{img|}}}|<div style="display:flex; flex-wrap:wrap; align-items:flex-start; border:1px dashed #CEDFF2; border-radius:12px; background-color:#E8F2F8; padding:5px 10px; margin:15px auto; width:100%; box-sizing:border-box;"><div style="flex:0 1 auto; text-align:center; margin-right:10px;">{{#if:{{{img|}}}|[[Arquivo:{{{img|}}}.gif|{{#if:{{{size|}}}|{{{size}}}}}|link=]]}}</div><div style="flex:1 1 auto; text-align:left;">{{#if:{{{1|}}}|{{{1}}}}}</div></div>|<div style="border:1px dashed #CEDFF2; border-radius:12px; background-color:#E8F2F8; padding:5px 10px; margin:15px auto; width:100%; text-align:left;">{{#if:{{{1|}}}|{{{1}}}}}</div>}}
<templatestyles src="Predefinição:DASH/styles.css" /><div class="dash-box {{#if:{{{color|}}}|cor-{{{color}}}|cor-padrao}}"><div class="dash-texto">{{{1|}}}</div></div>
<noinclude>
==Uso==
 
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.
 
===Sintaxe básica===
<pre>
{{DASH
|color=vermelho
|1=⚠ Atenção! Esta ação não pode ser desfeita.
}}
</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).
 
===Cores disponíveis===
Você pode personalizar a cor da caixa usando o parâmetro <code>color</code> com um dos seguintes valores:
 
* <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>
 
'''Caixa verde:'''
<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>
 
</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.}}