Ajuda:Guia de edição/Formatação: mudanças entre as edições

Edição das 10h43min de 26 de outubro 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

Rocinha

Botão com texto de rótulo diferente do link da página

Criar conta

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

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

Mostra o rodapé

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:

Predefinição:Verbete em destaque

[1]

Bootstrap collapse

Texto do botão

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

Texto do botão|

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

mesma função do card

Mais informações

Well

<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>

@@ Linha 137: / Linha 137: @@
 == Collapse ==
 <div class="toccolours mw-collapsible" style="width:50%; overflow:auto;">
@@ Linha 162: / Linha 161: @@
 == Bootstrap collapse ==
-<bootstrap_collapse>
+<bootstrap_collapse text="Texto do botão">
 <bootstrap_card title="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</bootstrap_card>
 <bootstrap_card>Texto 2  Bootstrap card Content textBootstrap card Content textBootstrap card Content text</bootstrap_card>
@@ Linha 169: / Linha 168: @@
 </bootstrap_collapse>
-<bootstrap_collapse>
+<bootstrap_collapse text="Texto do botão|[[File:image4.jpg|50px]]">
 <bootstrap_card>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</bootstrap_card>
 <bootstrap_card>Texto 20  Bootstrap card Content textBootstrap card Content textBootstrap card Content text</bootstrap_card>