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

Página com a apresentação dos principais recursos visuais que podem ser utilizados para criação de páginas.

Botão[editar | editar código-fonte]

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[editar | editar código-fonte]

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


Content text for the panel


Etiquetas tipo parser[editar | editar código-fonte]

As etiquetas do tipo parser funcionam com as indicações: 

< ... >seu conteúdo</  ... >

Bootstrap alert[editar | editar código-fonte]

<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[editar | editar código-fonte]

Image2.jpg

Bootstrap card Content text 


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

Bootstrap card Content text 
</bootstrap_card>

Bootstrap accordion[editar | editar código-fonte]

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[editar | editar código-fonte]

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[editar | editar código-fonte]

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[editar | editar código-fonte]

Clique para abrir Image4.jpg

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


Image4.jpg 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[editar | editar código-fonte]


Meu jumbotrom[editar | editar código-fonte]

Meu texto apresenta as possibilidades do Jumbotrom


Modal[editar | editar código-fonte]

Panel[editar | editar código-fonte]

mesma função do card

Meu panel

Popover[editar | editar código-fonte]

Well[editar | editar código-fonte]

Tem a mesma função do card

Mais informações

Well

Tags ativadas via extensions[editar | editar código-fonte]

Algumas estão em uso, outras ainda falta configurá-las neste teste.

Category Tree[editar | editar código-fonte]

Category Tree <categorytree>Filmes</categorytree>
► Filmes
sem subcategorias

Choose[editar | editar código-fonte]

utilizado no verbete em destaque


<collegehumor>

<dailymotion>

<disclose>

<divshare>

<dynamicpagelist>

<embedvideo>

<evlplayer>

<funnyordie>

Gallery[editar | editar código-fonte]

  • Image1.jpg
  • Image2.jpg
  • Image3.jpg
  • Image4.jpg


Gfycat publicar um gif do site gfycat


<iframe>


Imagemap: Mapear imagens para click[editar | editar código-fonte]

<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

Alt text
Sobre esta imagem

Imagem com vários pontos de mapeamento

Caíque AzaelJames MinorAndrewPeterJudasPeterJohnW:JesusThomasJames GreaterPhilipMatthewJudeSimonThe 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.


<indicator>

<info>

<inputbox>

<itimeline>

<jwplayer>

<kickstarter>

languages[editar | editar código-fonte]


<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[editar | editar código-fonte]

EmbedVideo is missing a required parameter.
EmbedVideo is missing a required parameter.
EmbedVideo is missing a required parameter.
EmbedVideo received the bad id "teste beam" for the service "beam".
EmbedVideo received the bad id "teste bing" for the service "bing".
EmbedVideo received the bad id "teste blip" for the service "blip".
  1. ↑ Nota de rodapé
Disponível em “https://homologacao2.wikifavelas.com.br/index.php?title=Ajuda:Guia_de_edição/Formatação&oldid=17458”
Creative Commons - Atribuição - Compartilhamento pela mesma Licença
Powered by MediaWiki
Powered by Semantic MediaWiki