Predefinição:Botão: mudanças entre as edições
Sem resumo de edição |
|||
| (4 revisões intermediárias pela mesma usuária não estão sendo mostradas) | |||
| Linha 1: | Linha 1: | ||
[[{{{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>]]<noinclude> | [[{{{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>]]<noinclude> | ||
== Como Usar == | |||
== | === Utilizando o Editor Visual === | ||
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. | 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 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 white}}}</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|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> | ||
<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|blue}}} | red = btn-primary | green = btn-secondary | white = btn-warning | blue = btn-info}}" role="button" aria-disabled="false">{{{name|Texto do botão}}}</span> | |||
link: Informe o link da página cujo botão acionará. | link: Informe o link da página cujo botão acionará. | ||
| Linha 22: | Linha 17: | ||
name: Informe o texto que aparecerá no botão. | name: Informe o texto que aparecerá no botão. | ||
===Utilizando o editor de código === | |||
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: | Basta chamar a predefinição na página que deseja-se utilizar e inserir três parâmetros como no exemplo abaixo: | ||
| Linha 33: | Linha 27: | ||
}} | }} | ||
</pre> | </pre> | ||
Resultado: | |||
{{Botão | |||
|link=Dicionário de Favelas Marielle Franco | |||
|color=red | |||
|name=Página Inicial | |||
}} | |||
== Código == | == Código == | ||
<pre> | <pre>[[{{{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>]] | ||
[[{{{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>]] | |||
</pre> | </pre> | ||
Edição atual tal como às 12h42min 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
}}
Resultado: 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>]]
