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

Edição atual tal como às 16h00min 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}}

Texto 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

Rocinha Botão com link para página Rocinha

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

Active conta Botão ativado

Disabled Botão desativado

Color Secondary Botão especificado com a cor do tipo secondary

Dark Botão especificado com a cor do tipo dark

Tipos de cores (color)

default, primary, secondary, success, danger, warning, info, light, dark, white

Class

default, primary, secondary, success, danger, warning, info, light, dark, white

.btn .btn-default .btn-primary .btn-success .btn-info .btn-warning .btn-danger .btn-link

Secondary

Criar conta

Primary

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

Clique para abrir

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

Clique para abrir

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

Clique para abrir

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>

Filmes

sem subcategorias

Choose

utilizado no verbete em destaque

Gallery

Gfycat publicar um gif do site gfycat <gfycat>https://gfycat.com/amazinghollowhedgehog</gfycat>

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

<info>

languages

<nico>

nowiki

<pdf>

<poem>

pre formatado

^[1]

section 01

<ted>

<tudou>

<tvpot>

<vimeo>

<vine>

<yahoo>

<youku>

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é

[1] Nota de rodapé

[1]

@@ Linha 6: / Linha 6: @@
 <pre>
-{{#bootstrap_button: Título_da_página_wiki | Rótulo que deseja }}
+{{#bootstrap_button: Título_da_página_wiki|text=Texto que deseja|class=primary|size=lg}}
 </pre>
+{{#bootstrap_button: Rocinha| text=Texto que deseja|class=primary|size=lg}}
 {{#bootstrap_button: Rocinha | Rocinha }}
@@ Linha 23: / Linha 25: @@
 ==Exemplos de uso ==
-Botão com link para página
 {{#bootstrap_button: Rocinha}}
+Botão com link para página Rocinha
+{{#bootstrap_button: Especial:Criar_conta | text=Criar conta}}
 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=Active conta|active}}
 Botão ativado
-{{#bootstrap_button: Especial:Criar_conta | text=Criar conta|active}}
+{{#bootstrap_button: Especial:Criar_conta | text=Disabled|disabled}}
 Botão desativado
-{{#bootstrap_button: Especial:Criar_conta | text=Criar conta|disabled}}
+{{#bootstrap_button: Especial:Criar_conta | text=Color Secondary|color=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=Dark|color=dark}}
 Botão especificado com a cor do tipo dark
-{{#bootstrap_button: Especial:Criar_conta | text=Criar conta|color=dark}}
-Tipos de cores (color)
+===Tipos de cores (color)===
+*default, primary, secondary, success, danger, warning, info, light, dark, white
+{{#bootstrap_button: Especial:Criar_conta | text=Default}}
+{{#bootstrap_button: Especial:Criar_conta | text=Primary|color=primary}}
+{{#bootstrap_button: Especial:Criar_conta | text=Secondary|color=secondary}}
+{{#bootstrap_button: Especial:Criar_conta | text=Sucess|color=success}}
+{{#bootstrap_button: Especial:Criar_conta | text=Danger|color=danger}}
-* default
+{{#bootstrap_button: Especial:Criar_conta | text=Warning|color=warning}}
-* primary
-* secondary
+{{#bootstrap_button: Especial:Criar_conta | text=Info|color=info}}
-* success
-* danger
+{{#bootstrap_button: Especial:Criar_conta | text=Light|color=light}}
-* warning
-* info
+{{#bootstrap_button: Especial:Criar_conta | text=Dark|color=dark}}
-* light
-* dark
+{{#bootstrap_button: Especial:Criar_conta | text=White|color=white}}
-* white
+===Class===
+*default, primary, secondary, success, danger, warning, info, light, dark, white
+.btn
+.btn-default
+.btn-primary
+.btn-success
+.btn-info
+.btn-warning
+.btn-danger
+.btn-link
+{{#bootstrap_button: Especial:Criar_conta | text=Secondary|class="btn btn-default"}}
+{{#bootstrap_button: Especial:Criar_conta | text=Criar conta|class=btn-block}}
+{{#bootstrap_button: Especial:Criar_conta | text=Primary|class=btn-link}}
 Tipos de atributos
 *active
 *class
@@ Linha 84: / Linha 112: @@
 <!-- this does: -->
 <bootstrap_card collapsible="{{#if:{{{1|}}}|yes|no}}">Content text for the panel</bootstrap_card>
 ==Etiquetas tipo parser==
@@ Linha 228: / Linha 255: @@
 Algumas estão em uso, outras ainda falta configurá-las neste teste.
-Category Tree <categorytree>Filmes</categorytree>
+===Category Tree===
+<pre>Category Tree <categorytree>Filmes</categorytree>
+</pre>
+<categorytree>Filmes</categorytree>
+===Choose ===
+utilizado no verbete em destaque
 <choose>Teste</choose>
@@ Linha 247: / Linha 280: @@
 <funnyordie>
-Gallery
+===Gallery===
 <gallery>
 File:Image1.jpg
@@ Linha 269: / Linha 303: @@
 </imagemap></pre>
+Imagem mapeada vai para a página principal
 <imagemap>
 File:Example2.png|150px|alt=Alt text
@@ Linha 274: / Linha 309: @@
 </imagemap>
+Imagem com vários pontos de mapeamento
-outro teste
 <imagemap>
 File:The Last Supper - Leonardo Da Vinci - High Resolution 32x16.jpg|thumb|center|500px|alt=''The Last Supper'' by Leonardo da Vinci - Clickable Image|Image map example. Clicking on a person in the picture causes the browser to load the appropriate article.
-poly 550 2550 750 2400 1150 2300 1150 2150 1200 2075 1500 2125 1525 2300 1350 2800 1450 3000 1700 3300 1300 3475 650 3500 550 3300 450 3000 [[w:Bartholomew the Apostle|Usuário:Caiqueazael]]
+poly 550 2550 750 2400 1150 2300 1150 2150 1200 2075 1500 2125 1525 2300 1350 2800 1450 3000 1700 3300 1300 3475 650 3500 550 3300 450 3000 [[Usuário:Caiqueazael | Caíque Azael]]
 poly 1575 2300 1625 2150 1900 2150 1925 2500 1875 2600 1800 2750 1600 3250 1425 3100 1400 2800 1375 2600 [[w:James, son of Alphaeus|James Minor]]
 poly 1960 2150 2200 2150 2350 2500 2450 2575 2375 2725 2375 2900 2225 3100 2225 3225 1600 3225 1825 2700 1975 2450 1925 2300 [[w:Saint Andrew|Andrew]]
@@ Linha 309: / Linha 343: @@
 <kickstarter>
-<languages>
+===languages===
+<languages />
 <mediacccde>