Edição das 17h03min de 12 de setembro de 2017

Tipografia

Títulos

Não utilizar H1, pois embaralha o índice do menu direito. Utilizar "<x h1>", tudo junto, para contornar

<xh1>Título 1</xh1>

<xh2>Título 2 (h2)</xh2>

Título 3 (h3)

Título 4 (h4)

Título 5 (h5)

Código

<xh1>Título 1</xh1>
== Título 2 (h2) ==
=== Título 3 (h3) ===
==== Título 4 (h4) ====
===== Título 5 (h5) =====

Corpo do texto (p)

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

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

<p class="lead> ... </p>

Abreviação

Terra Ident.

SPI

Código

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

Blockquote

Minha terra tem palmeiras,
onde canta o sabiá

Código

<blockquote> .... </blockquote>

Listas

Lista sem números

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

Lista numerada

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

Código

* item 1
* item 2
** item 2.1

# item numerado 1
## item numerado 1.1

Componentes de página

Painel

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.

Componentes_do_site

Código


<div class="panel panel-primary">
<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
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.
</div>

Well

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

Imagem-miniatura

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

Código

{{#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 }}

Capa do artigo

Predefinições

Código

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

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.

<div class="exemplo"> {| class="table table-hover" ! Fruta ! Legume |- |Laranja |Maçã |- |Pão |Torta |- |Manteiga |Sorvete |} </div>

Vídeos via Huzzaz

Código

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

Slideshow

Código

{{#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 }}

@@ Linha 191: / Linha 191: @@
 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.
+<nowiki>
 <div class="exemplo">
 {| class="table table-hover"
@@ Linha 206: / Linha 207: @@
 |}
 </div>
+</nowiki>
 == Vídeos via Huzzaz ==