Ajuda:Guia de edição/Formatação: mudanças entre as edições
| Linha 23: | Linha 23: | ||
==Exemplos de uso == | ==Exemplos de uso == | ||
Botão com link para página | Botão com link para página | ||
{{#bootstrap_button: Rocinha}} | {{#bootstrap_button: Rocinha}} | ||
Botão com texto diferente do link | |||
Botão com texto de rótulo diferente do link da página | |||
{{#bootstrap_button: Especial:Criar_conta | text=Criar conta}} | {{#bootstrap_button: Especial:Criar_conta | text=Criar conta}} | ||
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 | |||
{{#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 | |||
{{#bootstrap_button: Especial:Criar_conta | text=Criar conta|color=dark}} | {{#bootstrap_button: Especial:Criar_conta | text=Criar conta|color=dark}} | ||
Tipos de cores (color) | |||
* default | * default | ||
* primary | * primary | ||
| Linha 70: | Linha 61: | ||
* dark | * dark | ||
* white | * white | ||
Tipos de atributos | |||
*active | |||
*class | |||
*color | |||
*disabled | |||
*id | |||
*outline | |||
*size | |||
*style | |||
*text | |||
*size | |||
** sm | |||
** md (default) | |||
** lg | |||
Edição das 14h06min de 31 de agosto de 2022
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 | Rótulo que deseja }}
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
Botão desativado
Botão especificado com a cor do tipo secondary
Botão especificado com a cor do tipo dark
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
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 Card
<bootstrap_card class="card-body"> [[File:Image2.jpg|frameless|200px]] Bootstrap card Content text </bootstrap_card>
Bootstrap accordion
Nível 1
Nível 2
Nível 3
Nível 4
header
bsc_card_7
bsc_card_8
bsc_card_9
Bootstrap collapse
Jumbotron
Meu jumbotrom
Meu texto apresenta as possibilidades do Jumbotrom
Modal
Panel
mesma função do card
Popover
Well
mesma função do card
Mais informações
<categorytree>, <choose>, <collegehumor>, <dailymotion>, <disclose>, <divshare>, <dynamicpagelist>, <embedvideo>, <evlplayer>, <funnyordie>, <gallery>, <gfycat>, <iframe>, <imagemap>, <indicator>, <info>, <inputbox>, <itimeline>, <jwplayer>, <kickstarter>, <languages>, <mediacccde>, <metacafe>, <nico>, <nowiki>, <pdf>, <poem>,
, <rating>, <ref>, <references>, <rutube>, <section>, <seo>, <smashcast>, <smwdoc>, <soundcloud>, <tagcloud>, <teachertube>, <ted>, <templatedata>, <timeline>, <tubitv>, <tudou>, <tvpot>, <twitch>, <twitchclip>, <twitchvod>, <videomaten>, <vimeo>, <vine>, <vplayer>, <yahoo>, <youku>, <youtube>, <youtubeplaylist> e <youtubevideolist>Vídeo
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>
