Predefinição:Botão: mudanças entre as edições

Sem resumo de edição
Linha 7: Linha 7:
color: define a cor do botão predefinida nos estilos. Escolha uma das seguintes opções: red, green, white, ou blue.
color: define a cor do botão predefinida nos estilos. Escolha uma das seguintes opções: red, green, white, ou blue.


<span class="btn {{#switch: {{{color|red}}} | red = btn-primary  | green = btn-secondary | white = btn-warning | blue = btn-info}}" role="button" aria-disabled="false">{{{name|Texto do botão}}}</span>
<span class="btn {{#switch: {{{color|red}}} | red = btn-primary  | green = btn-secondary | white = btn-warning | blue = btn-info}}" role="button" aria-disabled="false">{{{name|Texto do botão red}}}</span>
<span class="btn {{#switch: {{{color|green}}} | red = btn-primary  | green = btn-secondary | white = btn-warning | blue = btn-info}}" role="button" aria-disabled="false">{{{name|Texto do botão}}}</span>
<span class="btn {{#switch: {{{color|green}}} | red = btn-primary  | green = btn-secondary | white = btn-warning | blue = btn-info}}" role="button" aria-disabled="false">{{{name|Texto do botão green}}}</span>
<span class="btn {{#switch: {{{color|white}}} | red = btn-primary  | green = btn-secondary | white = btn-warning | blue = btn-info}}" role="button" aria-disabled="false">{{{name|Texto do botão}}}</span>
<span class="btn {{#switch: {{{color|white}}} | red = btn-primary  | green = btn-secondary | white = btn-warning | blue = btn-info}}" role="button" aria-disabled="false">{{{name|Texto do botão white}}}</span>
<span class="btn {{#switch: {{{color|blue}}} | red = btn-primary  | green = btn-secondary | white = btn-warning | blue = btn-info}}" role="button" aria-disabled="false">{{{name|Texto do botão}}}</span>
<span class="btn {{#switch: {{{color|blue}}} | red = btn-primary  | green = btn-secondary | white = btn-warning | blue = btn-info}}" role="button" aria-disabled="false">{{{name|Texto do botão blue}}}</span>


link: Informe o link da página cujo botão acionará.  
link: Informe o link da página cujo botão acionará.  

Edição das 12h36min de 23 de novembro de 2021

[[{{{link}}}|Texto do botão]]


Como Usar

Utilizando o Editor Visual: Selecione inserir Predefinição no Editor Visual e informe os parâmetros:

color: define a cor do botão predefinida nos estilos. Escolha uma das seguintes opções: red, green, white, ou blue.

Texto do botão red Texto do botão green Texto do botão white Texto do botão blue

link: Informe o link da página cujo botão acionará.

name: Informe o texto que aparecerá no botão.

Utilizando o editor de código: Basta chamar a predefinição na página que deseja-se utilizar e inserir três parâmetros como no exemplo abaixo:

{{Botão
|link=Dicionário de Favelas Marielle Franco
|color=red
|name=Página Inicial
}}

Código

 
[[{{{link}}}|<span class="btn {{#switch: {{{color|red}}} | red = btn-primary  | green = btn-secondary | white = btn-warning | blue = btn-info}}" role="button" aria-disabled="false">{{{name|Texto do botão}}}</span>]]




Cookies nos ajudam a entregar nossos serviços. Ao usar nossos serviços, você concorda com o uso de cookies.