Ajuda:Guia de edição/Modelo de página: mudanças entre as edições

Edição atual tal como às 13h50min de 24 de março de 2025

Descubra, produza e compartilhe histórias e memórias das favelas e periferias

Nós somos uma plataforma virtual de acesso aberto para a coleção e produção de conhecimentos sobre favelas e periferias. Buscamos estimular a coleta e construção coletiva do conhecimento existente sobre as favelas e periferias de todo o Brasil, por meio da articulação de uma rede de parceiros, tanto nas academias quanto nas instituições produtoras de conhecimentos existentes nos próprios territórios. Faça parte você também!

Acesso aberto

Gratuito

Colaborativo

VERBETES EM DESTAQUE

List-based media object

Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
List-based media object

Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
List-based media object

Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.

List-based media object

Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
List-based media object

Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
List-based media object

Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.

List-based media object

Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
List-based media object

Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
List-based media object

Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.

Exemplo Rodapé Página

Ladeira dos Tabajaras

Mangueira

Morro Santo Amaro

Paraisópolis

       Dicionário de Favelas Marielle Franco
       Avenida Brasil, 4.365.
       Manguinhos, Rio de Janeiro, Brasil.
       Tel: (21) 456-7890
       Wikifavelas
       wikifavelas@fiocruz.br

@@ Linha 1: / Linha 1: @@
-    <div class="container mt-3">
+<bootstrap_jumbotron>
-      <div class="row">
+[[Arquivo:Marca_Dicionario_de_Favelas_Marielle_Franco.png|class=img-fluid|centro|semmoldura]]
-        <div class="col-12">
+=== Descubra, produza e compartilhe histórias e memórias das favelas e periferias ===
+Nós somos uma plataforma virtual de acesso aberto para a coleção e produção de conhecimentos sobre favelas e periferias. Buscamos estimular a coleta e construção coletiva do conhecimento existente sobre as favelas e periferias de todo o Brasil, por meio da articulação de uma rede de parceiros, tanto nas academias quanto nas instituições produtoras de conhecimentos existentes nos próprios territórios. Faça parte você também!
-Texto
+{{Busca_completa}}
+</bootstrap_jumbotron>
-        </div>
+   <div class="container">
-      </div>
-    </div>
-    <div class="container">
        <div class="row">
          <div class="col-4">
            <div class="row">
-             <div class="col-2"></div>
+             <div class="col-2">[[Arquivo:Facebook.pn.png|frameless|60px]]</div>
              <div class="col-lg-6 col-10 ml-1">
-               <h4>Texto 1</h4>
+               <h4>Acesso aberto</h4>
              </div>
            </div>
@@ Linha 20: / Linha 20: @@
          <div class="col-4">
            <div class="row">
-             <div class="col-2"></div>
+             <div class="col-2">[[Arquivo:Facebook.pn.png|frameless|60px]]</div>
              <div class="col-lg-6 col-10 ml-1">
-               <h4>Texto 2</h4>
+               <h4>Gratuito</h4>
              </div>
            </div>
@@ Linha 28: / Linha 28: @@
          <div class="col-4">
            <div class="row">
-             <div class="col-2"></div>
+             <div class="col-2">[[Arquivo:Facebook.pn.png|frameless|60px]]</div>
              <div class="col-lg-6 col-10 ml-1">
-               <h4>Texto 3</h4>
+               <h4>Colaborativo</h4>
              </div>
            </div>
@@ Linha 37: / Linha 37: @@
      </div>
- ==Verbetes em destaque==
+     <h2 class="text-center">VERBETES EM DESTAQUE</h2>
-    <div class="container">
-      <div class="row text-center">
-        <div class="col-md-4 pb-1 pb-md-0">
-          <div class="card">
-            <div class="card-body">
-              <h5 class="card-title">Card title 1</h5>
-              <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
-{{#bootstrap_button: Especial:Criar_conta | text=Criar conta }}
-            </div>
-          </div>
-        </div>
-        <div class="col-md-4 pb-1 pb-md-0">
-          <div class="card">
-            <div class="card-body">
-              <h5 class="card-title">Card title 2</h5>
-              <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
-{{#bootstrap_button: Especial:Criar_conta | text=Criar conta }}
-            </div>
-          </div>
-        </div>
-        <div class="col-md-4 pb-1 pb-md-0">
-          <div class="card">
-            <div class="card-body">
-              <h5 class="card-title">Card title</h5>
-              <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
-{{#bootstrap_button: Especial:Criar_conta | text=Criar conta }}
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="row text-center mt-4">
-        <div class="col-md-4 pb-1 pb-md-0">
-          <div class="card">
-            <div class="card-body">
-              <h5 class="card-title">Card title</h5>
-              <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
-{{#bootstrap_button: Especial:Criar_conta | text=Criar conta }}
-            </div>
-          </div>
-        </div>
-        <div class="col-md-4 pb-1 pb-md-0">
-          <div class="card">
-            <div class="card-body">
-              <h5 class="card-title">Card title</h5>
-              <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
-{{#bootstrap_button: Especial:Criar_conta | text=Criar conta }}
-            </div>
-          </div>
-        </div>
-        <div class="col-md-4 pb-1 pb-md-0">
-          <div class="card">
-            <div class="card-body">
-              <h5 class="card-title">Card title</h5>
-              <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
-{{#bootstrap_button: Especial:Criar_conta | text=Criar conta }}
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-     <h2 class="text-center">FEATURED PRODUCTS</h2>
      <div class="container">
        <div class="row">
@@ Linha 107: / Linha 45: @@
                <div class="media-body">
                  <h5 class="mt-0 mb-1">List-based media object</h5>
-                Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
+[[Arquivo:quadro_giz.jpg|class=img-fluid|alt=""|link=Ajuda:Como_participar_do_Dicionário_de_Favelas_Marielle_Franco]]
+Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
                </div>
              </li>
@@ Linha 113: / Linha 52: @@
                <div class="media-body">
                  <h5 class="mt-0 mb-1">List-based media object</h5>
-                Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
+[[Arquivo:quadro_giz.jpg|class=img-fluid|alt=""|link=Ajuda:Como_participar_do_Dicionário_de_Favelas_Marielle_Franco]]
+Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
                </div>
              </li>
@@ Linha 119: / Linha 59: @@
                <div class="media-body">
                  <h5 class="mt-0 mb-1">List-based media object</h5>
-                Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
+[[Arquivo:quadro_giz.jpg|class=img-fluid|alt=""|link=Ajuda:Como_participar_do_Dicionário_de_Favelas_Marielle_Franco]]
+Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
                </div>
              </li>
@@ Linha 129: / Linha 70: @@
                <div class="media-body">
                  <h5 class="mt-0 mb-1">List-based media object</h5>
-                Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
+[[Arquivo:quadro_giz.jpg|class=img-fluid|alt=""|link=Ajuda:Como_participar_do_Dicionário_de_Favelas_Marielle_Franco]]
+Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
                </div>
              </li>
@@ Linha 135: / Linha 77: @@
                <div class="media-body">
                  <h5 class="mt-0 mb-1">List-based media object</h5>
-                Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
+[[Arquivo:quadro_giz.jpg|class=img-fluid|alt=""|link=Ajuda:Como_participar_do_Dicionário_de_Favelas_Marielle_Franco]]
+Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
                </div>
              </li>
@@ Linha 141: / Linha 84: @@
                <div class="media-body">
                  <h5 class="mt-0 mb-1">List-based media object</h5>
-                Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
+[[Arquivo:quadro_giz.jpg|class=img-fluid|alt=""|link=Ajuda:Como_participar_do_Dicionário_de_Favelas_Marielle_Franco]]
+Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
                </div>
              </li>
@@ Linha 151: / Linha 95: @@
                <div class="media-body">
                  <h5 class="mt-0 mb-1">List-based media object</h5>
-                Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
+[[Arquivo:quadro_giz.jpg|class=img-fluid|alt=""|link=Ajuda:Como_participar_do_Dicionário_de_Favelas_Marielle_Franco]]
+Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
                </div>
              </li>
@@ Linha 157: / Linha 102: @@
                <div class="media-body">
                  <h5 class="mt-0 mb-1">List-based media object</h5>
-                Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
+[[Arquivo:quadro_giz.jpg|class=img-fluid|alt=""|link=Ajuda:Como_participar_do_Dicionário_de_Favelas_Marielle_Franco]]
+Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
                </div>
              </li>
@@ Linha 163: / Linha 109: @@
                <div class="media-body">
                  <h5 class="mt-0 mb-1">List-based media object</h5>
-                Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
+[[Arquivo:quadro_giz.jpg|class=img-fluid|alt=""|link=Ajuda:Como_participar_do_Dicionário_de_Favelas_Marielle_Franco]]
+Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
                </div>
              </li>
@@ Linha 170: / Linha 117: @@
        </div>
      </div>
-    <div class="container text-white bg-dark p-4">
-      <div class="row">
+== Exemplo Rodapé Página ==
+<div class="container text-white bg-light p-4">
+  <div class="row">
          <div class="col-6 col-md-8 col-lg-7">
            <div class="row text-left">
@@ Linha 182: / Linha 131: @@
              </div>
              <div class="col-sm-6 col-md-4 col-lg-4 col-12">
-:[[Rocinha]]
+:[[Morro dos Prazeres]]
-:[[Cidade de Deus]]
+:[[Aglomerado da Serra]]
 :[[Morro Azul]]
-:[[Complexo da Maré]]
+:[[Barreira do Lins]]
-:[[Favela de Manguinhos]]
+:[[Barreira do Vasco]]
              </div>
              <div class="col-sm-6 col-md-4 col-lg-4 col-12">
-:[[Rocinha]]
+:[[Bom Jesus (bairro)]]
-:[[Cidade de Deus]]
+:[[Ladeira dos Tabajaras]]
-:[[Morro Azul]]
+:[[Mangueira]]
-:[[Complexo da Maré]]
+:[[Morro Santo Amaro]]
-:[[Favela de Manguinhos]]
+:[[Paraisópolis]]
              </div>
            </div>
          </div>
-        <div class="col-md-4 col-lg-5 col-6">
+     <div class="col-md-4 col-lg-5 col-6">
          '''Dicionário de Favelas Marielle Franco'''
          Avenida Brasil, 4.365.
@@ Linha 203: / Linha 152: @@
          Tel: (21) 456-7890
          '''Wikifavelas'''
-         wikifavelas@icict.fiocruz.br
+         wikifavelas@fiocruz.br
-        </div>
        </div>
      </div>
+</div>
+==Modal==
+<bootstrap_modal text="Receba novidades" header="Boletim Wikifavelas" footer="Cadastre-se" type="button" class="modal-button" data-toggle="modal" data-target="#myModal" >Inscreva-se no boletim para receber novidades por e-mail.</bootstrap_modal>
 __NOTOC__