Edição atual tal como às 14h16min de 9 de novembro de 2020

PIB:Predefinições

Abaixo estão listados as predefinições e elementos passíveis de se utilizar nas páginas deste site. Novas predefinições criadas devem ser incluídas aqui.

Tipografia

Títulos

Não utilizar H1, pois embaralha o índice do menu direito. Utilizar Predefinição:Título

{{Título | Título 1}}
== Título 2 (h2) ==
=== Título 3 (h3) ===
==== Título 4 (h4) ====
===== Título 5 (h5) =====

Exemplo:

Título 1

Título 2 (h2)

Título 3 (h3)

Título 4 (h4)

Título 5 (h5)

Corpo do texto (p)

Texto normal, sem nenhuma marcação especial.

Exemplo:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt dictum lorem sed tempor. Pellentesque ut cursus sapien, vitae semper nisi. Sed ut leo faucibus, fermentum ex id, pulvinar ex. Suspendisse ullamcorper in ligula at efficitur. Suspendisse sodales, ante eu euismod ullamcorper, lorem orci porta nulla, at dictum mauris felis vitae ligula. Donec malesuada maximus metus eget consequat. Donec sit amet vestibulum ipsum. Morbi aliquam, mauris in ultrices aliquet, diam lacus pretium massa, ac ultrices orci metus suscipit est. Nulla facilisis, elit nec porttitor convallis, metus ligula posuere felis, in consectetur quam libero id arcu. Fusce vehicula varius est at cursus. Donec tincidunt venenatis ex auctor laoreet. Aenean aliquam porta risus in pulvinar. Quisque in dignissim ante. Mauris et erat suscipit, vestibulum erat non, congue felis. Phasellus rhoncus rhoncus ligula a dapibus. Curabitur lobortis vulputate enim, vel semper odio congue non.

Cras eget sagittis massa. Vestibulum lacinia consequat faucibus. Duis est odio, vestibulum sit amet vulputate in, laoreet vitae justo. Curabitur et neque bibendum erat tristique ornare. Nulla facilisi. Quisque sagittis malesuada scelerisque. Suspendisse tempus nisi dui, vitae dapibus enim suscipit sed. Nullam sit amet aliquam lacus. Fusce aliquam non lacus in ornare. Aenean scelerisque dictum justo sed hendrerit. Números 261753647 e 281735727

Lead

{{{Lead |  ... }}}

Exemplo:

Cras eget sagittis massa. Vestibulum lacinia consequat faucibus. Duis est odio, vestibulum sit amet vulputate in, laoreet vitae justo. Curabitur et neque bibendum erat tristique ornare. Nulla facilisi. Quisque sagittis malesuada scelerisque. Suspendisse tempus nisi

Abreviação

Terra Ident.

<abbr title="Identificada">Ident.</abbr>
<abbr title="Serviço de Proteção ao Índio" class="initialism">SPI</abbr>

Exemplo:

SPI

Blockquote

<blockquote>
texto
<small>autor</small>
</blockquote>

Exemplo:

Da sesmaria de dez léguas de terra em redondo, a contar do último morador que se achasse para as partes de Santo Antão, em Pernambuco Barbalho, 1977.

Listas

//Lista sem números
* item 1
* item 2
** item 2.1

//Lista numerada
# item numerado 1
## item numerado 1.1

//Lista de descrição
;Item 1
:Descricao
;Item 2
:Descricao

Exemplo:

Item 1
Item 2
item 3
- item 3.1
  - item 3.2

item numerado 1
1. item numerado 1.1
item numerado 2
- item sem número
- Item sem número 2
  - item sem número 2.2

Item 1: Descricao
Item 2: Descricao

Componentes de página

Painel

{{Painel
|titulo=Painel cheio de utilidades
|texto=Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt
dictum lorem sed tempor. Pellentesque ut cursus sapien, vitae semper nisi. Sed
ut leo faucibus, fermentum ex id, pulvinar ex. Suspendisse ullamcorper in
ligula at efficitur. Suspendisse sodales, ante eu euismod ullamcorper, lorem
orci porta nulla, at dictum mauris felis vitae ligula. Donec malesuada maximus
metus eget consequat. Donec sit amet vestibulum ipsum. Morbi aliquam, mauris in
ultrices aliquet, diam lacus pretium massa, ac ultrices orci metus suscipit
est.
}}

Exemplo:

Painel cheio de utilidades

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt dictum lorem sed tempor. Pellentesque ut cursus sapien, vitae semper nisi. Sed ut leo faucibus, fermentum ex id, pulvinar ex. Suspendisse ullamcorper in ligula at efficitur. Suspendisse sodales, ante eu euismod ullamcorper, lorem orci porta nulla, at dictum mauris felis vitae ligula. Donec malesuada maximus metus eget consequat. Donec sit amet vestibulum ipsum. Morbi aliquam, mauris in ultrices aliquet, diam lacus pretium massa, ac ultrices orci metus suscipit est.

Well

{{Well
|conteudo=Wells são uteis para separar conteúdos a parte.
}}

Exemplo:

Wells são uteis para separar conteúdos a parte.

Imagem-miniatura

{{#miniatura: left
| Uma garota Kayapó vem da floresta portando uma cabaça (ngôkôn) contendo óleo de palmeira recentemente extraído. Foto: Gustaaf Verswijver, 1991.
| https://img.socioambiental.org/d/213583-2/kayapo_2.jpg
}}

Exemplo:

Uma garota Kayapó vem da floresta portando uma cabaça (ngôkôn) contendo óleo de palmeira recentemente extraído. Foto: Gustaaf Verswijver, 1991.

.

Imagem

{{Img
|
|https://galeria.socioambiental.org/filestore/4/4/4_746e36f7923e9ce/444scr_wm_6e6a9d304e77694.jpg|Alessandra Munduruku, aldeia Praia do Índio (PA), durante a Primeira Marcha das Mulheres Indígenas em 2019, em Brasília (DF). Foto: Selma Gomes/ISA.}}

Exemplo:

Alessandra Munduruku, aldeia Praia do Índio (PA), durante a Primeira Marcha das Mulheres Indígenas em 2019, em Brasília (DF). Foto: Selma Gomes/ISA.

Capa do artigo

{{#capa_artigo: https://img.socioambiental.org/d/773943-4/2_+macuxi_7_edit.jpg}}

Exemplo

Predefinições

Tabelas

As tabelas no Mediawiki não incluem um <thead>, o que é um problema para o estilo das tabelas. A sugestão é sempre fazer em html, ao invés da marcação wiki. Não esquecer de envolver em uma div responsiva, como abaixo:

 <div class="table-responsive">
 <table>
  ......
 </table>
 </div>

Exemplo:

Fruta	Legume
Laranja	Maçã
Pão	Torta
Manteiga	Sorvete

Vídeos via Huzzaz

Fornecer a url do embed da galeria.

{{Galeria de vídeo
|url=https://huzzaz.com/embed/coripaco?vpp=12
}}

Exemplo

Slideshow

{{#slideshow: slide
| http://img.socioambiental.org/d/773943-4/2_+macuxi_7_edit.jpg
| http://img.socioambiental.org/d/769096-4/1_+Intercambio_filme_03_18_edit.JPG
| http://img.socioambiental.org/d/769107-4/dsc00705_20070815_edit.jpg
| http://img.socioambiental.org/d/773945-4/5_+satere_mawe_5-sonialorezs_edit.jpg
| http://img.socioambiental.org/d/769101-3/3_+paginapibaoashaninka.png
| http://img.socioambiental.org/d/773944-6/3_+xingu_abertura_004_edit.jpg
}}

Exemplo:

@@ Linha 1: / Linha 1: @@
+<noinclude>{{Título |PIB:Predefinições}}</noinclude>
+{{Lead | Abaixo estão listados as predefinições e elementos passíveis de se utilizar nas páginas deste site. Novas predefinições criadas devem ser incluídas aqui.}}
 == Tipografia ==
 === Títulos ===
-Não utilizar H1, pois embaralha o índice do menu direito. Utilizar "<x h1>", tudo junto,  para contornar
+Não utilizar H1, pois embaralha o índice do menu direito. Utilizar [[Predefinição:Título]]
+<pre>
-<div class="exemplo">
+{{Título | Título 1}}
+== Título 2 (h2) ==
-<xh1>Título 1</xh1>
-<xh2>Título 2 (h2)</xh2>
 === Título 3 (h3) ===
 ==== Título 4 (h4) ====
 ===== Título 5 (h5) =====
+</pre>
-==== Código ====
+{{Well
+|conteudo=
-<pre>
+'''Exemplo:'''
-<xh1>Título 1</xh1>
+-----
+{{Título | Título 1}}
 == Título 2 (h2) ==
 === Título 3 (h3) ===
 ==== Título 4 (h4) ====
 ===== Título 5 (h5) =====
-</pre>
+}}
-</div>
 === Corpo do texto (p) ===
+<pre>Texto normal, sem nenhuma marcação especial.</pre>
-<div class="exemplo>
+{{Well
+|conteudo=
+'''Exemplo:'''
+-----
 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt dictum lorem sed tempor. Pellentesque ut cursus sapien, vitae semper nisi. Sed ut leo faucibus, fermentum ex id, pulvinar ex. Suspendisse ullamcorper in ligula at efficitur. Suspendisse sodales, ante eu euismod ullamcorper, lorem orci porta nulla, at dictum mauris felis vitae ligula. Donec malesuada maximus metus eget consequat. Donec sit amet vestibulum ipsum. Morbi aliquam, mauris in ultrices aliquet, diam lacus pretium massa, ac ultrices orci metus suscipit est. Nulla facilisis, elit nec porttitor convallis, metus ligula posuere felis, in consectetur quam libero id arcu. Fusce vehicula varius est at cursus. Donec tincidunt venenatis ex auctor laoreet. Aenean aliquam porta risus in pulvinar. Quisque in dignissim ante. Mauris et erat suscipit, vestibulum erat non, congue felis. Phasellus rhoncus rhoncus ligula a dapibus. Curabitur lobortis vulputate enim, vel semper odio congue non.
 Cras eget sagittis massa. Vestibulum lacinia consequat faucibus. Duis est odio, vestibulum sit amet vulputate in, laoreet vitae justo. Curabitur et neque bibendum erat tristique ornare. Nulla facilisi. Quisque sagittis malesuada scelerisque. Suspendisse tempus nisi dui, vitae dapibus enim suscipit sed. Nullam sit amet aliquam lacus. Fusce aliquam non lacus in ornare. Aenean scelerisque dictum justo sed hendrerit. Números 261753647 e 281735727
-</div>
+}}
 === Lead ===
+<pre>
+{{{Lead |  ... }}}
+</pre>
-<div class="exemplo">
+{{Well
-<p class="lead">Cras eget sagittis massa. Vestibulum lacinia consequat faucibus. Duis est odio, vestibulum sit amet vulputate in, laoreet vitae justo. Curabitur et neque bibendum erat tristique ornare. Nulla facilisi. Quisque sagittis malesuada scelerisque. Suspendisse tempus nisi</p>
+|conteudo=
+'''Exemplo:'''
+-----
+{{Lead | Cras eget sagittis massa. Vestibulum lacinia consequat faucibus. Duis est odio, vestibulum sit amet vulputate in, laoreet vitae justo. Curabitur et neque bibendum erat tristique ornare. Nulla facilisi. Quisque sagittis malesuada scelerisque. Suspendisse tempus nisi}}
+}}
-==== Código ====
-<pre>
-<p class="lead> ... </p>
-</pre>
-</div>
 === Abreviação ===
-<div class="exemplo">
 Terra <abbr title="Identificada">Ident.</abbr>
-<abbr title="Serviço de Proteção ao Índio" class="initialism">SPI</abbr>
-==== Código ====
 <pre>
 <abbr title="Identificada">Ident.</abbr>
 <abbr title="Serviço de Proteção ao Índio" class="initialism">SPI</abbr>
 </pre>
-</div>
-=== Blockquote ===
+{{Well
+|conteudo=
+'''Exemplo:'''
+-----
+<abbr title="Serviço de Proteção ao Índio" class="initialism">SPI</abbr>
+}}
-<div class="exemplo">
-<blockquote>''Minha terra tem palmeiras,<br/>onde canta o sabiá''</blockquote>
-==== Código ====
+=== Blockquote ===
 <pre>
-<blockquote> .... </blockquote>
+<blockquote>
+texto
+<small>autor</small>
+</blockquote>
 </pre>
-</div>
+{{Well
+|conteudo=
+'''Exemplo:'''
+-----
+<blockquote>
+Da sesmaria de dez léguas de terra em redondo, a contar do último morador que se achasse para as partes de Santo Antão, em Pernambuco <small>Barbalho, 1977</small>.
+</blockquote>
+}}
 === Listas ===
+<pre>
+//Lista sem números
+* item 1
+* item 2
+** item 2.1
+//Lista numerada
+# item numerado 1
+## item numerado 1.1
-<div class="exemplo">
+//Lista de descrição
-==== Lista sem números ====
+;Item 1
+:Descricao
+;Item 2
+:Descricao
+</pre>
+{{Well
+|conteudo=
+'''Exemplo:'''
+-----
 * Item 1
 * Item 2
@@ Linha 84: / Linha 113: @@
 ** item 3.1
 *** item 3.2
-==== Lista numerada ====
 # item numerado 1
@@ Linha 94: / Linha 121: @@
 #** item sem número 2.2
-==== Código ====
+;Item 1
+:Descricao
-<pre>
+;Item 2
-* item 1
+:Descricao
-* item 2
+}}
-** item 2.1
-# item numerado 1
-## item numerado 1.1
-</pre>
-</div>
 == Componentes de página ==
 === Painel ===
+<pre>
-<div class="exemplo">
+{{Painel
-<div class="panel panel-primary">
+|titulo=Painel cheio de utilidades
+|texto=Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt
-<div class="panel-heading">
-Painel cheio de utilidades
-</div>
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt
 dictum lorem sed tempor. Pellentesque ut cursus sapien, vitae semper nisi. Sed
 ut leo faucibus, fermentum ex id, pulvinar ex. Suspendisse ullamcorper in
@@ Linha 125: / Linha 140: @@
 ultrices aliquet, diam lacus pretium massa, ac ultrices orci metus suscipit
 est.
+}}
+</pre>
-</div>Componentes_do_site
+{{Well
+|conteudo=
-==== Código ====
+'''Exemplo:'''
+-----
-<code>
+{{Painel
-<pre>
+|titulo=Painel cheio de utilidades
-<div class="panel panel-primary">
+|texto=Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt
-<div class="panel-heading">
-Painel cheio de utilidades
-</div>
-<div class="panel - body">
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt
 dictum lorem sed tempor. Pellentesque ut cursus sapien, vitae semper nisi. Sed
 ut leo faucibus, fermentum ex id, pulvinar ex. Suspendisse ullamcorper in
@@ Linha 145: / Linha 157: @@
 ultrices aliquet, diam lacus pretium massa, ac ultrices orci metus suscipit
 est.
-</div>
+}}
+}}
+=== Well ===
+<pre>
+{{Well
+|conteudo=Wells são uteis para separar conteúdos a parte.
+}}
 </pre>
-</code>
-</div>
-=== Well ===
+{{Well
+|conteudo=
+'''Exemplo:'''
+-----
+{{Well
+|conteudo=Wells são uteis para separar conteúdos a parte.}}
+}}
-<div class="exemplo">
-<div class="well">
-Wells são uteis para separar conteúdos a parte.
-</div>
-</div>
 === Imagem-miniatura ===
+<pre>
-<div class="exemplo">
 {{#miniatura: left
 | Uma garota Kayapó vem da floresta portando uma cabaça (ngôkôn) contendo óleo de palmeira recentemente extraído. Foto: Gustaaf Verswijver, 1991.
 | https://img.socioambiental.org/d/213583-2/kayapo_2.jpg
 }}
+</pre>
-==== Código ====
+{{Well
+|conteudo=
-<nowiki>
+'''Exemplo:'''
+-----
 {{#miniatura: left
 | Uma garota Kayapó vem da floresta portando uma cabaça (ngôkôn) contendo óleo de palmeira recentemente extraído. Foto: Gustaaf Verswijver, 1991.
 | https://img.socioambiental.org/d/213583-2/kayapo_2.jpg
 }}
-</nowiki>
+<div class="clearfix"></div>
-</div>
+.
+}}
+===Imagem===
+<pre>
+{{Img
+|
+|https://galeria.socioambiental.org/filestore/4/4/4_746e36f7923e9ce/444scr_wm_6e6a9d304e77694.jpg|Alessandra Munduruku, aldeia Praia do Índio (PA), durante a Primeira Marcha das Mulheres Indígenas em 2019, em Brasília (DF). Foto: Selma Gomes/ISA.}}
+</pre>
+{{Well
+|conteudo=
+'''Exemplo:'''
+-----
+{{Img
+|
+|https://galeria.socioambiental.org/filestore/4/4/4_746e36f7923e9ce/444scr_wm_6e6a9d304e77694.jpg|Alessandra Munduruku, aldeia Praia do Índio (PA), durante a Primeira Marcha das Mulheres Indígenas em 2019, em Brasília (DF). Foto: Selma Gomes/ISA.}}
+}}
 === Capa do artigo ===
+<pre>
+{{#capa_artigo: https://img.socioambiental.org/d/773943-4/2_+macuxi_7_edit.jpg}}
+</pre>
-<div class="exemplo">
+{{Well
+|conteudo=
+'''Exemplo'''
+----
 {{#capa_artigo: https://img.socioambiental.org/d/773943-4/2_+macuxi_7_edit.jpg}}
+}}
-==== Código ====
-<nowiki>
+=== Tabelas ===
-{{#capa_artigo: https://img.socioambiental.org/d/773943-4/2_+macuxi_7_edit.jpg}}
+As tabelas no Mediawiki não incluem um <code><thead></code>, o que é um problema para o estilo das tabelas. '''A sugestão é sempre fazer em html, ao invés da marcação wiki. Não esquecer de envolver em uma div responsiva, como abaixo:'''
-</nowiki>
-</div>
-=== Tabelas ===
+<pre>
-As tabelas no Mediawiki não incluem um <code><thead></code>, o que é um problema para o estilo das tabelas. A sugestão é sempre fazer em html, ao invés da marcação wiki.
+ <div class="table-responsive">
+ <table>
+  ......
+ </table>
+ </div>
+</pre>
-<nowiki>
+==== Exemplo: ====
-<div class="exemplo">
+-----
 {| class="table table-hover"
 ! Fruta
@@ Linha 206: / Linha 255: @@
 |Sorvete
 |}
-</div>
-</nowiki>
 ===Vídeos via Huzzaz ===
+Fornecer a '''url do embed da galeria'''.
-<div class="huzzazWrapper" style="width:100%; height: 1700px; margin: 0 auto;"><htmltag tagname="iframe" src="https://huzzaz.com/embed/akuntsu?vpp=12" height="100%" width="100%" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" allowtransparency="true" frameborder="0"></htmltag></div>
-==== Código ====
 <pre>
-<div class="huzzazWrapper" style="width:100%; height: 1700px; margin: 0 auto;"><htmltag tagname="iframe" src="https://huzzaz.com/embed/akuntsu?vpp=12" height="100%" width="100%" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" allowtransparency="true" frameborder="0"></htmltag></div>
+{{Galeria de vídeo
+|url=https://huzzaz.com/embed/coripaco?vpp=12
+}}
 </pre>
-== Slideshow ==
+{{Well
+|conteudo=
+'''Exemplo'''
+-----
+{{Galeria de vídeo
+|url=https://huzzaz.com/embed/kaiabi-kawaiwet?vpp=12
+}}
+}}
+=== Slideshow ===
+<pre>
 {{#slideshow: slide
 | http://img.socioambiental.org/d/773943-4/2_+macuxi_7_edit.jpg
@@ Linha 229: / Linha 286: @@
 | http://img.socioambiental.org/d/773944-6/3_+xingu_abertura_004_edit.jpg
 }}
+</pre>
-=== Código ===
+{{Well
+|conteudo=
-<nowiki>
+'''Exemplo:'''
+-----
 {{#slideshow: slide
 | http://img.socioambiental.org/d/773943-4/2_+macuxi_7_edit.jpg
@@ Linha 241: / Linha 300: @@
 | http://img.socioambiental.org/d/773944-6/3_+xingu_abertura_004_edit.jpg
 }}
-</nowiki>
+}}