Ajuda:Guia de edição/Formatação: mudanças entre as edições
| Linha 35: | Linha 35: | ||
Botão ativado | Botão ativado | ||
{{#bootstrap_button: Especial:Criar_conta | text=Criar conta|active}} | {{#bootstrap_button: Especial:Criar_conta | text=Criar conta|active}} | ||
Botão desativado | Botão desativado | ||
{{#bootstrap_button: Especial:Criar_conta | text=Criar conta|disabled}} | {{#bootstrap_button: Especial:Criar_conta | text=Criar conta|disabled}} | ||
Botão especificado com a cor do tipo secondary | Botão especificado com a cor do tipo secondary | ||
{{#bootstrap_button: Especial:Criar_conta | text=Criar conta|color=secondary}} | {{#bootstrap_button: Especial:Criar_conta | text=Criar conta|color=secondary}} | ||
Botão especificado com a cor do tipo dark | Botão especificado com a cor do tipo dark | ||
{{#bootstrap_button: Especial:Criar_conta | text=Criar conta|color=dark}} | {{#bootstrap_button: Especial:Criar_conta | text=Criar conta|color=dark}} | ||
| Linha 53: | Linha 49: | ||
Tipos de cores (color) | Tipos de cores (color) | ||
* default | * default | ||
* primary | {{#bootstrap_button: Especial:Criar_conta | text=Criar conta}} | ||
* secondary | * primary | ||
* success | {{#bootstrap_button: Especial:Criar_conta | text=Criar conta|color=primary}} | ||
* danger | * secondary | ||
* warning | {{#bootstrap_button: Especial:Criar_conta | text=Criar conta|color=secondary}} | ||
* info | * success | ||
* light | {{#bootstrap_button: Especial:Criar_conta | text=Criar conta|color=sucess}} | ||
* dark | * danger | ||
* white | {{#bootstrap_button: Especial:Criar_conta | text=Criar conta|color=danger}} | ||
* warning | |||
{{#bootstrap_button: Especial:Criar_conta | text=Criar conta|color=warning}} | |||
* info | |||
{{#bootstrap_button: Especial:Criar_conta | text=Criar conta|color=info}} | |||
* light | |||
{{#bootstrap_button: Especial:Criar_conta | text=Criar conta|color=light}} | |||
* dark | |||
{{#bootstrap_button: Especial:Criar_conta | text=Criar conta|color=dark}} | |||
* white | |||
{{#bootstrap_button: Especial:Criar_conta | text=Criar conta|color=white}} | |||
Tipos de atributos | Tipos de atributos | ||
| Linha 86: | Linha 92: | ||
<!-- this does: --> | <!-- this does: --> | ||
<bootstrap_card collapsible="{{#if:{{{1|}}}|yes|no}}">Content text for the panel</bootstrap_card> | <bootstrap_card collapsible="{{#if:{{{1|}}}|yes|no}}">Content text for the panel</bootstrap_card> | ||
==Etiquetas tipo parser== | ==Etiquetas tipo parser== | ||
Edição das 15h38min de 18 de março de 2025
Página com a apresentação dos principais recursos visuais que podem ser utilizados para criação de páginas.
Botão
O botão funciona com a extensão Bootstrap Components.
{{#bootstrap_button: Título_da_página_wiki|text=Texto que deseja|class=primary|size=lg}}
Rocinha Criar conta Entrar Escrever um verbete
{{#bootstrap_button: Rocinha | Rocinha }}
{{#bootstrap_button: Especial:Criar_conta | text=Criar conta }}
{{#bootstrap_button: Especial:Autenticar-se | text=Entrar }}
{{#bootstrap_button: Wikifavelas:Escrever_um_verbete | text=Escrever um verbete }}
Exemplos de uso
Botão com link para página
Botão com texto de rótulo diferente do link da página
Botão ativado Criar conta
Botão desativado Criar conta
Botão especificado com a cor do tipo secondary Criar conta
Botão especificado com a cor do tipo dark Criar conta
Tipos de cores (color)
- default
- primary
- secondary
- success
- danger
- warning
- info
- light
- dark
- white
Tipos de atributos
- active
- class
- color
- disabled
- id
- outline
- size
- style
- text
- size
- sm
- md (default)
- lg
Content text for the panel
Content text for the panel
Etiquetas tipo parser
As etiquetas do tipo parser funcionam com as indicações:
< ... >seu conteúdo</ ... >
Bootstrap alert
<bootstrap_alert class=primary>Bootstrap Alert primary</bootstrap_alert>
Podem ser definidas as seguintes class: primary, secondary, success, danger, warning, info, light, dark, white
bootstrap_alert primary
bootstrap_alert secondary
bootstrap_alert success
bootstrap_alert danger
bootstrap_alert warning
bootstrap_alert info
bootstrap_alert light
bootstrap_alert dark
bootstrap_alert white
Bootstrap Card
Bootstrap card Content text
<bootstrap_card class="card-body"> [[File:Image2.jpg|frameless|200px]] Bootstrap card Content text </bootstrap_card>
Bootstrap accordion
Nível 1
Texto Nível 1 Bootstrap card Content textBootstrap card Content textBootstrap card Content text Bootstrap card Content textBootstrap card Content textBootstrap card Content textBootstrap card Content textBootstrap card Content textBootstrap card Content textBootstrap card Content textBootstrap card Content textBootstrap card Content text
Nível 2
Texto Nível 2 Bootstrap card Content textBootstrap card Content textBootstrap card Content text
Nível 3
Texto Nível 3 Bootstrap card Content text Bootstrap card Content textBootstrap card Content textBootstrap card Content text Bootstrap card Content textBootstrap card Content textBootstrap card Content textBootstrap card Content textBootstrap card Content textBootstrap card Content textBootstrap card Content textBootstrap card Content textBootstrap card Content textBootstrap card Content textBootstrap card Content textBootstrap card Content text
Nível 4
Texto Nível 4 Bootstrap card Content text Bootstrap card Content textBootstrap card Content textBootstrap card Content text
Collapse
Lorem ipsum exemplo
Este texto pode ser ficar oculto. Predefinição:Seção em destaque
This text is not collapsible; but the next is collapsible and hidden by default:
This text is not collapsible; but the next is collapsible and hidden by default:
Bootstrap collapse
Nível 1
texto 1 Bootstrap card Content textBootstrap card Content textBootstrap card Content text Bootstrap card Content textBootstrap card Content textBootstrap card Content textBootstrap card Content textBootstrap card Content textBootstrap card Content textBootstrap card Content textBootstrap card Content textBootstrap card Content text
Texto 2 Bootstrap card Content textBootstrap card Content textBootstrap card Content text
Texto 3 Bootstrap card Content text Bootstrap card Content textBootstrap card Content textBootstrap card Content text Bootstrap card Content textBootstrap card Content textBootstrap card Content textBootstrap card Content textBootstrap card Content textBootstrap card Content textBootstrap card Content textBootstrap card Content textBootstrap card Content textBootstrap card Content textBootstrap card Content textBootstrap card Content text
Texto 4 Bootstrap card Content text Bootstrap card Content textBootstrap card Content textBootstrap card Content text
Botão com imagem
texto 10 Bootstrap card Content textBootstrap card Content textBootstrap card Content text Bootstrap card Content textBootstrap card Content textBootstrap card Content textBootstrap card Content textBootstrap card Content textBootstrap card Content textBootstrap card Content textBootstrap card Content textBootstrap card Content text
Texto 20 Bootstrap card Content textBootstrap card Content textBootstrap card Content text
Texto 30 Bootstrap card Content text Bootstrap card Content textBootstrap card Content textBootstrap card Content text Bootstrap card Content textBootstrap card Content textBootstrap card Content textBootstrap card Content textBootstrap card Content textBootstrap card Content textBootstrap card Content textBootstrap card Content textBootstrap card Content textBootstrap card Content textBootstrap card Content textBootstrap card Content text
Texto 40 Bootstrap card Content text Bootstrap card Content textBootstrap card Content textBootstrap card Content text
texto 10 Bootstrap card Content textBootstrap card Content textBootstrap card Content text Bootstrap card Content textBootstrap card Content textBootstrap card Content textBootstrap card Content textBootstrap card Content textBootstrap card Content textBootstrap card Content textBootstrap card Content textBootstrap card Content text
Texto 20 Bootstrap card Content textBootstrap card Content textBootstrap card Content text
Texto 30 Bootstrap card Content text Bootstrap card Content textBootstrap card Content textBootstrap card Content text Bootstrap card Content textBootstrap card Content textBootstrap card Content textBootstrap card Content textBootstrap card Content textBootstrap card Content textBootstrap card Content textBootstrap card Content textBootstrap card Content textBootstrap card Content textBootstrap card Content textBootstrap card Content text
Texto 40 Bootstrap card Content text Bootstrap card Content textBootstrap card Content textBootstrap card Content text
Jumbotron
Meu jumbotrom
Meu texto apresenta as possibilidades do Jumbotrom
Modal
Panel
mesma função do card
Meu panel
Popover
Well
Tem a mesma função do card
Mais informações
Well
Tags ativadas via extensions
Algumas estão em uso, outras ainda falta configurá-las neste teste.
Category Tree
Category Tree <categorytree>Filmes</categorytree>
sem subcategorias
Choose
utilizado no verbete em destaque
<collegehumor>
<dailymotion>
<disclose>
<divshare>
<dynamicpagelist>
<embedvideo>
<evlplayer>
<funnyordie>
Gallery
Gfycat publicar um gif do site gfycat
<gfycat>https://gfycat.com/amazinghollowhedgehog</gfycat>
<iframe>
Imagemap: Mapear imagens para click
<imagemap> File:Example2.png|150px|alt=Alt text default [[Página principal|Ir para página principal]] </imagemap>
Imagem mapeada vai para a página principal
Imagem com vários pontos de mapeamento
<indicator>
<info>
<inputbox>
<itimeline>
<jwplayer>
<kickstarter>
languages
<mediacccde>
<metacafe>
<nico>
nowiki
<pdf>
<poem>
pre formatado
<rating>
<references>
<rutube>
<smashcast>
<smwdoc>
<soundcloud>
<tagcloud>
<teachertube>
<ted>
<templatedata>
<timeline>
<tubitv>
<tudou>
<tvpot>
<twitch>
<twitchclip>
<twitchvod>
<videomaten>
<vimeo>
<vine>
<vplayer>
<yahoo>
<youku>
<youtube>
<youtubeplaylist>
<youtubevideolist>
Vídeos
O EmbedVideo está faltando um parâmetro requerido.
<bambuser></bambuser> <bambuser_channel></bambuser_channel> <beam>teste beam</beam> <bing>teste bing</bing> <blip>teste blip</blip>
- ↑ Nota de rodapé
