Dicionário de Favelas Marielle Franco

Ajuda:Guia de edição/Formatação

< Ajuda:Guia de edição
Revisão de 15h38min de 18 de março de 2025 por Patrícia Ferreira (discussão | contribs) (→Exemplos de uso)

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

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

Criar conta

  • primary

Criar conta

  • secondary

Criar conta

  • success

Criar conta

  • danger

Criar conta

  • warning

Criar conta

  • info

Criar conta

  • light

Criar conta

  • dark

Criar conta

  • white

Criar conta

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 Card

 

Bootstrap card Content text 


<bootstrap_card class="card-body">
[[File:Image2.jpg|frameless|200px]]

Bootstrap card Content text 
</bootstrap_card>

Bootstrap accordion

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é
Texto Nível 2 Bootstrap card Content textBootstrap card Content textBootstrap card Content text
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
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:

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


<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

 Caíque AzaelJames MinorAndrewPeterJudasPeterJohnW:JesusThomasJames GreaterPhilipMatthewJudeSimon
Image map example. Clicking on a person in the picture causes the browser to load the appropriate article.


<indicator>

<info>

<inputbox>

<itimeline>

<jwplayer>

<kickstarter>

languages


<mediacccde>

<metacafe>

<nico>

nowiki

<pdf>

<poem> 

pre formatado

<rating>

[1]

<references>

<rutube>

section 01


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

  1. ↑ Nota de rodapé
Disponível em “https://homologacao2.wikifavelas.com.br/index.php?title=Ajuda:Guia_de_edição/Formatação&oldid=17938”