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

De Wiki Gla
Ir para navegação Ir para pesquisar
Etiqueta: Reversão manual
 
(5 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|}}}
  | <div class="dash-box {{#if: {{{color|}}} | cor-{{{color}}} | cor-padrao}}">
      <div class="dash-img">
        [[Arquivo:{{{img}}}.gif|link=]]
      </div>
      <div class="dash-texto">
        {{{1|}}}
      </div>
    </div>
  | <div class="dash-box {{#if: {{{color|}}} | cor-{{{color}}} | cor-padrao}}" style="text-align:left;">
      {{{1|}}}
    </div>
}}
 
 
 
<noinclude>
<noinclude>
== Predefinição DASH ==
==Uso==


Esta predefinição cria uma caixa estilizada que pode conter uma imagem animada (GIF) e um texto ao lado, com cores de fundo customizáveis.
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.


=== Parâmetros ===
===Sintaxe básica===
<pre>
{{DASH
|color=vermelho
|1=⚠ Atenção! Esta ação não pode ser desfeita.
}}
</pre>


* '''img''' (opcional): nome do arquivo GIF (sem a extensão `.gif`) que será exibido na caixa.
===Parâmetros===
  Exemplo: <code>img=Exemplo</code> (o arquivo deve estar carregado na wiki).
; <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).


* '''color''' (opcional): define a cor de fundo da caixa. Valores possíveis: 
===Cores disponíveis===
  * <code>padrao</code> — azul claro (padrão) 
Você pode personalizar a cor da caixa usando o parâmetro <code>color</code> com um dos seguintes valores:
  * <code>verde</code> 
  * <code>amarelo</code> 
  * <code>vermelho</code> 


  Se não informado, o fundo será azul claro.
* <code>padrao</code> (ou vazio) — Azul claro
* <code>verde</code>
* <code>amarelo</code>
* <code>vermelho</code>


* '''1''' (obrigatório): texto que aparecerá na caixa, ao lado da imagem (ou sozinho, se não usar imagem).
===Exemplos===
 
'''Caixa padrão (azul claro):'''
=== Exemplos ===
<pre>
 
{{DASH|1=ℹ Esta é uma mensagem padrão.}}
* Com imagem e cor verde:
</pre>


'''Caixa verde:'''
<pre>
<pre>
{{DASH|img=Exemplo|color=verde|Este é um texto com imagem e fundo verde.}}
{{DASH|color=verde|1=✔ Tudo certo! Você completou a etapa com sucesso.}}
</pre>
</pre>


* Apenas texto com fundo amarelo:
'''Caixa vermelha:'''
 
<pre>
<pre>
{{DASH|color=amarelo|Este é um texto sem imagem e fundo amarelo.}}
{{DASH|color=vermelho|1=⚠ Atenção! Esta ação não pode ser desfeita.}}
</pre>
</pre>


* Apenas texto com fundo padrão (azul claro):
'''Caixa amarela:'''
 
<pre>
<pre>
{{DASH|Este é um texto só com fundo padrão azul claro.}}
{{DASH|color=amarelo|1=⚠ Aviso! Verifique os dados inseridos.}}
</pre>
</pre>
---


Se precisar de ajuda para melhorar ou alterar a predefinição, estou à disposição!
</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.}}