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

← Edição anterior
VisualWikitexto
 
(11 revisões intermediárias pela mesma usuária não estão sendo mostradas)
Linha 6: Linha 6:


<pre>
<pre>
{{#bootstrap_button: Título_da_página_wiki | Rótulo que deseja |active|class=primary|color=primary|id=xx|size=lg|text=Arquivo:Logo-pipa.svg}}
{{#bootstrap_button: Título_da_página_wiki|text=Texto que deseja|class=primary|size=lg}}
</pre>
</pre>


{{#bootstrap_button: Título_da_página_wiki | Rótulo que deseja |active|class=primary|color=primary|id=xx|size=lg|text=Arquivo:Logo-pipa.svg }}
{{#bootstrap_button: Rocinha| text=Texto que deseja|class=primary|size=lg}}
 


{{#bootstrap_button: Rocinha | Rocinha }}
{{#bootstrap_button: Rocinha | Rocinha }}
Linha 26: Linha 25:
==Exemplos de uso ==
==Exemplos de uso ==


Botão com link para página
{{#bootstrap_button: Rocinha}}
{{#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
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
Botão ativado


{{#bootstrap_button: Especial:Criar_conta | text=Criar conta|active}}


{{#bootstrap_button: Especial:Criar_conta | text=Disabled|disabled}}
Botão desativado
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
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
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


* default
{{#bootstrap_button: Especial:Criar_conta | text=Default}}
* primary
 
* secondary
{{#bootstrap_button: Especial:Criar_conta | text=Primary|color=primary}}
* success
 
* danger
{{#bootstrap_button: Especial:Criar_conta | text=Secondary|color=secondary}}
* warning
 
* info
{{#bootstrap_button: Especial:Criar_conta | text=Sucess|color=success}}
* light
 
* dark
{{#bootstrap_button: Especial:Criar_conta | text=Danger|color=danger}}
* white
 
{{#bootstrap_button: Especial:Criar_conta | text=Warning|color=warning}}
 
{{#bootstrap_button: Especial:Criar_conta | text=Info|color=info}}
 
{{#bootstrap_button: Especial:Criar_conta | text=Light|color=light}}
 
{{#bootstrap_button: Especial:Criar_conta | text=Dark|color=dark}}
 
{{#bootstrap_button: Especial:Criar_conta | text=White|color=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
Tipos de atributos
*active
*active
*class
*class
Linha 87: Linha 112:
<!-- this does: -->
<!-- this does: -->
<bootstrap_card collapsible="{{#if:{{{1|}}}|yes|no}}">Content text for the panel</bootstrap_card>
<bootstrap_card collapsible="{{#if:{{{1|}}}|yes|no}}">Content text for the panel</bootstrap_card>


==Etiquetas tipo parser==
==Etiquetas tipo parser==

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

Default

Primary

Secondary

Sucess

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


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

Alt text

Imagem com vários pontos de mapeamento

The Last Supper by Leonardo da Vinci - Clickable ImageCaí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=17946”
Cookies nos ajudam a entregar nossos serviços. Ao usar nossos serviços, você concorda com o uso de cookies.
Mais informações
CC BY-NC-SA 4.0 ATRIBUIÇÃO-NÃO COMERCIAL-COMPARTILHA IGUAL 4.0 INTERNACIONAL
Powered by MediaWiki
Powered by Semantic MediaWiki