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

Edição das 10h32min 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 sample

This text is collapsible. 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

#bsc_collapse_0

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

#bsc_collapse_1

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 135: / Linha 135: @@
 <bootstrap_card title="Nível 4">Texto Nível 4 Bootstrap card Content text Bootstrap card Content textBootstrap card Content textBootstrap card Content text </bootstrap_card>
 </bootstrap_accordion>
+== Collapse ==
+<div class="toccolours mw-collapsible" style="width:400px; overflow:auto;">
+<div style="font-weight:bold;line-height:1.6;">Lorem ipsum sample</div>
+<div class="mw-collapsible-content">
+This text is collapsible. {{Seção_em_destaque}}
+</div></div>
+<div class="toccolours mw-collapsible mw-collapsed">
+This text is not collapsible; but the next is collapsible and hidden by default:
+<div class="mw-collapsible-content">{{Busca completa}}</div>
+</div>
+<div class="toccolours mw-collapsible mw-collapsed">
+This text is not collapsible; but the next is collapsible and hidden by default:
+<div class="mw-collapsible-content">{{Verbete em destaque}}</div>
+</div>
+[https://www.mediawiki.org/wiki/Manual:Collapsible_elements]
 == Bootstrap collapse ==
-<bootstrap_collapse title="Abrir" header="abrir">
+<bootstrap_collapse>
 <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>
 <bootstrap_card>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 </bootstrap_card>
-<bootstrap_card>Texto 4 Bootstrap card Content text Bootstrap card Content textBootstrap card Content textBootstrap card Content text </bootstrap_card>
+<bootstrap_card>Texto 4 Bootstrap card Content text Bootstrap card Content textBootstrap card Content textBootstrap card Content text</bootstrap_card>
 </bootstrap_collapse>