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

De Wiki Gla
Ir para navegação Ir para pesquisar
Etiqueta: Reversão manual
 
(13 revisões intermediárias por 2 usuários não estão sendo mostradas)
Linha 1: Linha 1:
<templatestyles src="Predefinição:CaixaNota/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="caixanota {{#if:{{{cor|}}}|cor-{{{cor}}}|cor-padrao}}">
==Uso==
  <div class="caixanota-img">
 
    [[Arquivo:{{{img}}}.gif|{{{size|50px}}}|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="caixanota-texto">
===Sintaxe básica===
    {{{1}}}
<pre>
  </div>
{{DASH
</div>
|color=vermelho
|<div class="caixanota {{#if:{{{cor|}}}|cor-{{{cor}}}|cor-padrao}}">
|1=⚠ Atenção! Esta ação não pode ser desfeita.
  <div class="caixanota-texto">
    {{{1}}}
  </div>
</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).
===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>


<noinclude>
===Exemplos===
== Uso ==
'''Caixa padrão (azul claro):'''
Esta predefinição cria uma caixa de destaque com ícone (opcional), texto e cor personalizada, com layout responsivo para mobile.
<pre>
{{DASH|1=ℹ Esta é uma mensagem padrão.}}
</pre>


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


=== Parâmetros ===
'''Caixa vermelha:'''
* <code>img</code> (opcional) — nome do arquivo (sem .gif) que será mostrado à esquerda.
<pre>
* <code>size</code> (opcional) — tamanho da imagem (ex: 60px).
{{DASH|color=vermelho|1=⚠ Atenção! Esta ação não pode ser desfeita.}}
* <code>1</code> — o conteúdo/texto da caixa.
</pre>
* <code>cor</code> — define a cor da caixa. Valores disponíveis:
** <code>padrao</code> (azul claro)
** <code>verde</code>
** <code>amarelo</code>
** <code>vermelho</code>


=== Exemplo ===
'''Caixa amarela:'''
<pre>
<pre>
{{CaixaNota
{{DASH|color=amarelo|1=⚠ Aviso! Verifique os dados inseridos.}}
|img=Buggy
|size=50px
|1=Buggy é um personagem do arco Orange Town.
|cor=vermelho
}}
</pre>
</pre>


== Ver também ==
* [[Predefinição:CaixaNota/styles.css]]
</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.}}