Predefinição:Botão: mudanças entre as edições
Sem resumo de edição |
Sem resumo de edição |
||
| Linha 1: | Linha 1: | ||
<includeonly> | <includeonly>{{#if:{{{link|}}}|{{#if:{{#pos:{{{link}}}|://}}|[{{{link}}} <span class="btn {{#if:{{{outline|}}}|btn-outline-|btn-}}{{{color|primary}}}{{#if:{{{size|}}}| btn-{{{size}}}}}{{#if:{{{block|}}}| btn-block}}{{#if:{{{disabled|}}}| disabled}} {{{class|}}}" role="button"{{#if:{{{tooltip|}}}| data-toggle="tooltip" title="{{{tooltip}}"}}{{#if:{{{title|}}}| title="{{{title}}"}} aria-disabled="{{#if:{{{disabled|}}}|true|false}}">{{#if:{{{icon|}}}|{{#ifeq:{{{iconpos|left}}}|right|{{{name|Texto}}} <i class="{{{icon}}}"></i>|<i class="{{{icon}}}"></i> {{{name|Texto}}}}|{{{name|Texto}}}}</span>]|[[{{{link}}}|<span class="btn {{#if:{{{outline|}}}|btn-outline-|btn-}}{{{color|primary}}}{{#if:{{{size|}}}| btn-{{{size}}}}}{{#if:{{{block|}}}| btn-block}}{{#if:{{{disabled|}}}| disabled}} {{{class|}}}" role="button"{{#if:{{{tooltip|}}}| data-toggle="tooltip" title="{{{tooltip}}"}}{{#if:{{{title|}}}| title="{{{title}}"}} aria-disabled="{{#if:{{{disabled|}}}|true|false}}">{{#if:{{{icon|}}}|{{#ifeq:{{{iconpos|left}}}|right|{{{name|Texto}}} <i class="{{{icon}}}"></i>|<i class="{{{icon}}}"></i> {{{name|Texto}}}}|{{{name|Texto}}}}</span>]]}}|<span class="btn {{#if:{{{outline|}}}|btn-outline-|btn-}}{{{color|primary}}}{{#if:{{{size|}}}| btn-{{{size}}}}}{{#if:{{{block|}}}| btn-block}}{{#if:{{{disabled|}}}| disabled}} {{{class|}}}" role="button"{{#if:{{{tooltip|}}}| data-toggle="tooltip" title="{{{tooltip}}"}}{{#if:{{{title|}}}| title="{{{title}}"}} aria-disabled="{{#if:{{{disabled|}}}|true|false}}">{{#if:{{{icon|}}}|{{#ifeq:{{{iconpos|left}}}|right|{{{name|Texto}}} <i class="{{{icon}}}"></i>|<i class="{{{icon}}}"></i> {{{name|Texto}}}}|{{{name|Texto}}}}</span>}}</includeonly> | ||
{{#if:{{{link|}}}| | |||
}} | |||
</includeonly> | </includeonly> | ||
<noinclude> | <noinclude> | ||
Edição das 23h08min de 20 de abril de 2026
</includeonly>
Botão Bootstrap 4 compatível com MediaWiki (sem HTML bloqueado).
Parâmetros: - name = texto - link = página interna ou URL externa - color = primary, secondary, success, danger, warning, info, light, dark - outline = 1 - size = sm, lg - block = 1 (btn-block) - icon = classes (ex: fa fa-user) - iconpos = left/right (default: left) - disabled = 1 - tooltip = texto do tooltip - title = título (fallback acessível) - class = classes extras
Exemplos: {{#if:|{{#if:{{#pos:{{{link}}}|://}}|[{{{link}}} {{#if:fa fa-check|{{#ifeq:left|right|Salvar | Salvar}|Salvar}]|[[{{{link}}}|{{#if:fa fa-check| Salvar}|{{#if:fa fa-check| Salvar}
{{#if:|{{#if:{{#pos:{{{link}}}|://}}|[{{{link}}} {{#if:|{{#ifeq:left|right|Excluir | Excluir}|Excluir}]|[[{{{link}}}|{{#if:| Excluir}|{{#if:| Excluir}
{{#if:|{{#if:{{#pos:{{{link}}}|://}}|[{{{link}}} {{#if:|{{#ifeq:left|right|Ajuda | Ajuda}|Ajuda}]|[[{{{link}}}|{{#if:| Ajuda}|{{#if:| Ajuda}
Botão estilizado com Bootstrap 4 compatível com MediaWiki. Detecta automaticamente links internos e externos. Suporta cores, outline, tamanho, largura total, ícones e tooltip.
| Parâmetro | Descrição | Tipo | Estado | |
|---|---|---|---|---|
| Texto do botão | name | Texto exibido dentro do botão
| String | opcional |
| Link | link | Página interna (ex: Brasil) ou URL externa (ex: https://google.com). Se vazio, o botão não será clicável.
| String | opcional |
| Cor | color | Cor do botão (Bootstrap 4)
| String | opcional |
| Outline | outline | Usa estilo com borda (btn-outline-*) | Booleano | opcional |
| Tamanho | size | Define o tamanho do botão
| String | opcional |
| Largura total | block | Ocupa toda a largura disponível (btn-block) | Booleano | opcional |
| Ícone | icon | Classes do ícone (ex: fa fa-user)
| String | opcional |
| Posição do ícone | iconpos | Define a posição do ícone em relação ao texto
| String | opcional |
| Tooltip | tooltip | Texto exibido ao passar o mouse (requer Bootstrap JS ativo)
| String | opcional |
| Título | title | Texto alternativo (acessibilidade)
| String | opcional |
| Desabilitado | disabled | Aplica estilo de botão desabilitado (visual) | Booleano | opcional |
| Classes extras | class | Classes CSS adicionais
| String | opcional |
anterior
[[{{{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: {{#if:Dicionário de Favelas Marielle Franco|{{#if:{{#pos:Dicionário de Favelas Marielle Franco|://}}|[Dicionário de Favelas Marielle Franco {{#if:|{{#ifeq:left|right|Página Inicial | Página Inicial}|Página Inicial}]|[[Dicionário de Favelas Marielle Franco|{{#if:| Página Inicial}|{{#if:| 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>]]
