Dicionário de Favelas Marielle Franco

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

← Edição anterior
VisualWikitexto
Sem resumo de edição
m Patricia.ferreira moveu Wikifavelas:Modelos para Ajuda:Guia de edição/Modelos sem deixar um redirecionamento
 
(16 revisões intermediárias pela mesma usuária não estão sendo mostradas)
Linha 1: Linha 1:
== Facebook ==
{{Facebook|Wikfiavelas|Siga-nos}}
== carousel ==
<div style="position: relative; height: 1%;">
<div style="position: relative; margin: 0 -1em; padding: 0; background-color: transparent; border: 1px none #ddd; height: 1%;"><!--YOU CAN ADD SHADING, BACKGROUND COLOR TO STYLE THIS  -->
  <div style="position: relative; margin: 0 auto; width: 742px;height: 1%;"><!-- RECOMMEND THE WIDTH IS SET TO LOOK GOOD ON IPADS ETC. THIS WILL BE THE TOTAL WIDTH VIEWABLE AREA -->
<div style="position: relative; overflow: hidden; height: 300px;"><!-- RECOMMENDED THIS HEIGHT IS THE SAME AS THE HEIGHT SET FOR THE IMAGES -->
<div class='wrapper'>
<gallery mode="packed" widths=200px heights=300px perrow=10><!-- PERROW SHOULD BE THE SAME NUMBER AS THE TOTAL NUMBER OF IMAGES IF YOU WANT THE GALLERY TO LOOK LIKE A SLIDING ROW OF IMAGES. -->
Image:Astronotus_ocellatus.jpg
Image:Salmonlarvakils.jpg
Image:Georgia Aquarium - Giant Grouper.jpg
Image:Pterois volitans Manado-e.jpg
Image:Macropodus opercularis - front (aka).jpg
Image:Fishmarket 01.jpg
Image:Pseudorasbora parva(edited version).jpg
Image:MC Rotfeuerfisch.jpg
Image:Cleaning station konan.jpg
Image:Synchiropus splendidus 2 Luc Viatour.jpg
File:Psetta maxima Luc Viatour.jpg
File:Australian blenny.jpg
</gallery>
</div>
</div> </div>
</div></div>
== carousel responsivo ==
<div style="position: relative; height: 1%;">
<div style="position: relative; margin: 0 -1em; padding: 0; background-color: transparent; border: 1px none #ddd; height: 1%;">
  <div style="position: relative; margin: 0 auto; width: 100%; height: 1%;">
<div style="position: relative; overflow: hidden; height: 300px;">
<div class='wrapper'>
<gallery mode="packed" widths=200px heights=300px perrow=10>
Arquivo:Leonardo_Salo.jpg
Arquivo:Bira_Carvalho.jpeg
Arquivo:Bira_Carvalho2.jpg
Arquivo:Sonia_Fleury1.JPG
Arquivo:Sonia_Fleury2.JPG
Arquivo:Sonia_Fleury3.JPG
Arquivo:Sonia_Fleury4.JPG
Arquivo:Sonia_Fleury5.JPG
Arquivo:Sonia_Fleury6.JPG
Arquivo:Sonia_Fleury7.JPG
</gallery>
</div>
</div></div>
</div></div>
== Navbar ==
== Navbar ==
<pre>
<pre>
Linha 30: Linha 85:
<p>An abbreviation of the word attribute is <abbr title="attribute">attr</abbr>.</p>
<p>An abbreviation of the word attribute is <abbr title="attribute">attr</abbr>.</p>


<pre>
<p>Nullam quis risus eget <a href="#">urna mollis ornare</a> vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.</p>
<p><small>This line of text is meant to be treated as fine print.</small></p>
<p>The following is <strong>rendered as bold text</strong>.</p>
<p>The following is <em>rendered as italicized text</em>.</p>
<p>An abbreviation of the word attribute is <abbr title="attribute">attr</abbr>.</p>
</pre>




Linha 41: Linha 104:
<p class="text-info">Maecenas sed diam eget risus varius blandit sit amet non magna.</p>
<p class="text-info">Maecenas sed diam eget risus varius blandit sit amet non magna.</p>


<pre>
<p class="text-muted">Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.</p>
<p class="text-primary">Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
<p class="text-secondary">Pellentesque ornare sem lacinia quam venenatis vestibulum.</p>
<p class="text-warning">Etiam porta sem malesuada magna mollis euismod.</p>
<p class="text-danger">Donec ullamcorper nulla non metus auctor fringilla.</p>
<p class="text-success">Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p>
<p class="text-info">Maecenas sed diam eget risus varius blandit sit amet non magna.</p
</pre>


<blockquote class="blockquote">
<blockquote class="blockquote">
Linha 59: Linha 132:


== Button Journal ==
== Button Journal ==
<pre>
<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-secondary">Secondary</button>
<button type="button" class="btn btn-secondary">Secondary</button>
Linha 216: Linha 290:
</div>
</div>


</pre>




== Modelo adaptado ==


== Modelo adaptado ==
<div type="button" class="btn btn-primary">Primary</div>
<div type="button" class="btn btn-primary">Primary</div>
<div type="button" class="btn btn-secondary">Secondary</div>
<div type="button" class="btn btn-secondary">Secondary</div>
Linha 689: Linha 764:
   <p>It uses utility classes for typography and spacing to space content out within the larger container.</p>
   <p>It uses utility classes for typography and spacing to space content out within the larger container.</p>
   <p class="lead">
   <p class="lead">
    <a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a>
 
    <span class="btn-lg">{{Botão|color=red|link=Autenticar-se|name=Learn more}}</span>
   </p>
   </p>
</div>
</div>


== List groups ==
== List groups ==
Linha 970: Linha 1 045:
[[Arquivo:image1.jpg|class=img-fluid| link=#]]
[[Arquivo:image1.jpg|class=img-fluid| link=#]]


[[Arquivo:image2.jpg|class=img-fluid| link=#]]




Linha 979: Linha 1 052:




{{Clickable_Button|Escreva o texto do seu botão aqui|color=white}}


{{Clickable_Button|Ver mais|color=red}}
{{Botão|Escreva o texto do seu botão aqui|color=white}}
 
{{Botão|Ver mais|color=red}}


{{Clickable_Button|Cadastrar|color=blue}}
{{Botão|Cadastrar|color=blue}}


{{Clickable_Button|Enviar|color=green}}
{{Botão|Enviar|color=green}}




Linha 996: Linha 1 070:
<div class="col-lg-3 col-md-6 col-sm-12 mb-4">
<div class="col-lg-3 col-md-6 col-sm-12 mb-4">
<div class="card shadow-lg border-0">
<div class="card shadow-lg border-0">
<div class="card-img-top">[[Arquivo:image1.jpg|class=img-responsive| link=Sociabilidade_e_Cultura_(eixo_de_análise)]]
<div class="card-img-top">[[Arquivo:image1.jpg|class=img-fluid| link=Sociabilidade_e_Cultura_(eixo_de_análise)]]
</div>
</div>


Linha 1 006: Linha 1 080:
<div class="card shadow-lg border-0">
<div class="card shadow-lg border-0">


<div class="card-img-top">[[Arquivo:image2.jpg|class=img-responsive| link=Estado_e_Mercado_(eixo_de_análise)]]  
<div class="card-img-top">[[Arquivo:image2.jpg|class=img-fluid| link=Estado_e_Mercado_(eixo_de_análise)]]  
</div>
</div>
<div class="panel-footer btn-eixo2">Estado e Mercado
<div class="panel-footer btn-eixo2">Estado e Mercado
Linha 1 016: Linha 1 090:
<div class="card shadow-lg border-0">
<div class="card shadow-lg border-0">


<div class="card-img-top">[[Arquivo:image3.jpg|class=img-responsive| link=Associativismo_e_Memória_(eixo_de_análise)]]   
<div class="card-img-top">[[Arquivo:image3.jpg|class=img-fluid| link=Associativismo_e_Memória_(eixo_de_análise)]]   
</div>
</div>
<div class="panel-footer btn-eixo3">Associativismo e Memória</div>
<div class="panel-footer btn-eixo3">Associativismo e Memória</div>
Linha 1 025: Linha 1 099:
<div class="col-lg-3 col-md-6 col-sm-12 mb-4">
<div class="col-lg-3 col-md-6 col-sm-12 mb-4">
<div class="card shadow-lg border-0">
<div class="card shadow-lg border-0">
<div class="card-img-top">[[Arquivo:image4.jpg|class=img-responsive| link=Coronavírus_nas_favelas]]  
<div class="card-img-top">[[Arquivo:image4.jpg|class=img-fluid| link=Coronavírus_nas_favelas]]  
</div>
</div>
<div class="panel-footer btn-eixo4">Coronavírus nas Favelas</div>
<div class="panel-footer btn-eixo4">Coronavírus nas Favelas</div>
Linha 1 056: Linha 1 130:
   </div>
   </div>
</div>
</div>


== Card ==
== Card ==
Linha 1 285: Linha 1 356:
{{TALKSPACEE}}
{{TALKSPACEE}}


 
== Carousel ==


<div id="carouselExampleControls" class="carousel slide" data-bs-ride="carousel">
<div id="carouselExampleControls" class="carousel slide" data-bs-ride="carousel">
Linha 1 309: Linha 1 380:
</div>
</div>


== Carousel Tweeki ==
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
  <!-- Indicators -->
  <ol class="carousel-indicators">
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
  </ol>
  <!-- Wrapper for slides -->
  <div class="carousel-inner" role="listbox">
    <div class="item active">
      [[File:image1.jpg|link=Mainpage|class=img-fluid]]
      <div class="carousel-caption">
        <h3 style="color: red">Caption 1</h3>
      </div>
    </div>
    <div class="item">
      [[File:image2.jpg|link=Mainpage|class=img-fluid]]
      <div class="carousel-caption">
        <h3 style="color: red">Caption 2</h3>
      </div>
    </div>
    <div class="item">
      [[File:image3.jpg|link=Mainpage|class=img-fluid]]
      <div class="carousel-caption">
        <h3 style="color: red">Caption 3</h3>
      </div>
    </div>
  </div>
  <!-- Controls removed -->
</div>
=== Quote ===
Plain blockquote:
<blockquote>
Cupcake ipsum dolor sit amet tart powder tootsie roll cotton candy. Lollipop tootsie roll tiramisu chocolate bar jelly-o ice cream tootsie roll powder. I love jelly-o chupa chups applicake. Candy fruitcake muffin liquorice oat cake.</blockquote>
– Cupcake Ipsum
Fancy blockquote:
<blockquote style="border-left-width: 1em;" class="toccolours">
This was a triumph. <!-- Cake -->
I'm making a note here: HUGE SUCCESS.
So I'm GLaD. I got burned.
</blockquote>
– GLaDOS
Cite:<br/>
GLaDOS was "<cite>making a note here</cite>".
====Palavra-chave====
<span id="catlinks" class="catlinks">
[[:Category:Testes|Testes]]
</span>
__NOTOC__
__NOTOC__
Disponível em “https://homologacao2.wikifavelas.com.br/index.php/Ajuda:Guia_de_edição/Modelos”