Escreva seu primeiro verbete!
Predefinição:Botão: mudanças entre as edições
Sem resumo de edição |
Sem resumo de edição |
||
| (7 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 === | |||
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. | ||
link: Informe o link da página cujo botão acionará. | |||
<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|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á. | |||
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 18: | 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> | ||