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

Linha 23: Linha 23:
==Exemplos de uso ==
==Exemplos de uso ==


Botão com link para página  
Botão com link para página
{{#bootstrap_button: Rocinha}}
{{#bootstrap_button: Rocinha}}


Botão com texto diferente do link
 
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=Criar conta}}


Botão ativado
Botão ativado
{{#bootstrap_button: Especial:Criar_conta | text=Criar conta|active}}
{{#bootstrap_button: Especial:Criar_conta | text=Criar conta|active}}


Botão desativado
Botão desativado
{{#bootstrap_button: Especial:Criar_conta | text=Criar conta|disabled}}
{{#bootstrap_button: Especial:Criar_conta | text=Criar conta|disabled}}


Cor 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=Criar conta|color=secondary}}


Cor dark
Botão especificado com a cor do tipo dark
 
{{#bootstrap_button: Especial:Criar_conta | text=Criar conta|color=dark}}
{{#bootstrap_button: Especial:Criar_conta | text=Criar conta|color=dark}}


active
class
color
disabled
id
outline
size
style
text


size
Tipos de cores (color)
* sm
* md (default)
* lg


color
* default
* default
* primary
* primary
Linha 70: Linha 61:
* dark
* dark
* white
* white
Tipos de atributos
*active
*class
*color
*disabled
*id
*outline
*size
*style
*text
*size
** sm
** md (default)
** lg





Edição das 14h06min de 31 de agosto 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
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
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

header

Bootstrap card Content text
Bootstrap card Content text
Bootstrap card Content text


Bootstrap collapse

#bsc_collapse_0

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>
Cookies nos ajudam a entregar nossos serviços. Ao usar nossos serviços, você concorda com o uso de cookies.