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
 
(18 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 65: Linha 139:
<button type="button" class="btn btn-warning">Warning</button>
<button type="button" class="btn btn-warning">Warning</button>
<button type="button" class="btn btn-danger">Danger</button>
<button type="button" class="btn btn-danger">Danger</button>
<button type="button" class="btn btn-light">Light</button>
<button type="button" class="btn btn-dark">Dark</button>
<button type="button" class="btn btn-link">Link</button>
<button type="button" class="btn btn-link">Link</button>
<button type="button" class="btn btn-primary disabled">Primary</button>
<button type="button" class="btn btn-secondary disabled">Secondary</button>
<button type="button" class="btn btn-success disabled">Success</button>
<button type="button" class="btn btn-info disabled">Info</button>
<button type="button" class="btn btn-warning disabled">Warning</button>
<button type="button" class="btn btn-danger disabled">Danger</button>
<button type="button" class="btn btn-light disabled">Light</button>
<button type="button" class="btn btn-dark disabled">Dark</button>
<button type="button" class="btn btn-link disabled">Link</button>
<button type="button" class="btn btn-outline-primary">Primary</button>
<button type="button" class="btn btn-outline-secondary">Secondary</button>
<button type="button" class="btn btn-outline-success">Success</button>
<button type="button" class="btn btn-outline-info">Info</button>
<button type="button" class="btn btn-outline-warning">Warning</button>
<button type="button" class="btn btn-outline-danger">Danger</button>
<button type="button" class="btn btn-outline-light">Light</button>
<button type="button" class="btn btn-outline-dark">Dark</button>
<button type="button" class="btn btn-outline-primary">Primary</button>
<button type="button" class="btn btn-outline-secondary">Secondary</button>
<button type="button" class="btn btn-outline-success">Success</button>
<button type="button" class="btn btn-outline-info">Info</button>
<button type="button" class="btn btn-outline-warning">Warning</button>
<button type="button" class="btn btn-outline-danger">Danger</button>
<button type="button" class="btn btn-outline-light">Light</button>
<button type="button" class="btn btn-outline-dark">Dark</button>
<div class="btn-group" role="group" aria-label="Button group with nested dropdown">
  <button type="button" class="btn btn-primary">Primary</button>
  <div class="btn-group" role="group">
    <button id="btnGroupDrop1" type="button" class="btn btn-primary dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></button>
    <div class="dropdown-menu" aria-labelledby="btnGroupDrop1">
      <a class="dropdown-item" href="#">Dropdown link</a>
      <a class="dropdown-item" href="#">Dropdown link</a>
    </div>
  </div>
</div>
<div class="btn-group" role="group" aria-label="Button group with nested dropdown">
  <button type="button" class="btn btn-success">Success</button>
  <div class="btn-group" role="group">
    <button id="btnGroupDrop2" type="button" class="btn btn-success dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></button>
    <div class="dropdown-menu" aria-labelledby="btnGroupDrop2">
      <a class="dropdown-item" href="#">Dropdown link</a>
      <a class="dropdown-item" href="#">Dropdown link</a>
    </div>
  </div>
<div class="btn-group" role="group" aria-label="Button group with nested dropdown">
  <button type="button" class="btn btn-primary">Primary</button>
  <div class="btn-group" role="group">
    <button id="btnGroupDrop1" type="button" class="btn btn-primary dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></button>
    <div class="dropdown-menu" aria-labelledby="btnGroupDrop1">
      <a class="dropdown-item" href="#">Dropdown link</a>
      <a class="dropdown-item" href="#">Dropdown link</a>
    </div>
  </div>
</div>
<div class="btn-group" role="group" aria-label="Button group with nested dropdown">
  <button type="button" class="btn btn-success">Success</button>
  <div class="btn-group" role="group">
    <button id="btnGroupDrop2" type="button" class="btn btn-success dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></button>
    <div class="dropdown-menu" aria-labelledby="btnGroupDrop2">
      <a class="dropdown-item" href="#">Dropdown link</a>
      <a class="dropdown-item" href="#">Dropdown link</a>
    </div>
  </div>
<button type="button" class="btn btn-primary btn-lg">Large button</button>
<button type="button" class="btn btn-primary">Default button</button>
<button type="button" class="btn btn-primary btn-sm">Small button</button>
<div class="d-grid gap-2">
  <button class="btn btn-lg btn-primary" type="button">Block button</button>
  <button class="btn btn-lg btn-primary" type="button">Block button</button>
</div>
<div class="btn-group" role="group" aria-label="Basic checkbox toggle button group">
  <input type="checkbox" class="btn-check" id="btncheck1" checked="" autocomplete="off">
  <label class="btn btn-primary" for="btncheck1">Checkbox 1</label>
  <input type="checkbox" class="btn-check" id="btncheck2" autocomplete="off">
  <label class="btn btn-primary" for="btncheck2">Checkbox 2</label>
  <input type="checkbox" class="btn-check" id="btncheck3" autocomplete="off">
  <label class="btn btn-primary" for="btncheck3">Checkbox 3</label>
</div>
<div class="btn-group" role="group" aria-label="Basic radio toggle button group">
  <input type="radio" class="btn-check" name="btnradio" id="btnradio1" autocomplete="off" checked="">
  <label class="btn btn-outline-primary" for="btnradio1">Radio 1</label>
  <input type="radio" class="btn-check" name="btnradio" id="btnradio2" autocomplete="off" checked="">
  <label class="btn btn-outline-primary" for="btnradio2">Radio 2</label>
  <input type="radio" class="btn-check" name="btnradio" id="btnradio3" autocomplete="off" checked="">
  <label class="btn btn-outline-primary" for="btnradio3">Radio 3</label>
</div>
<div class="btn-group-vertical">
  <button type="button" class="btn btn-primary">Button</button>
  <button type="button" class="btn btn-primary">Button</button>
  <button type="button" class="btn btn-primary">Button</button>
  <button type="button" class="btn btn-primary">Button</button>
  <button type="button" class="btn btn-primary">Button</button>
  <button type="button" class="btn btn-primary">Button</button>
</div>
<div class="btn-group" role="group" aria-label="Basic example">
  <button type="button" class="btn btn-secondary">Left</button>
  <button type="button" class="btn btn-secondary">Middle</button>
  <button type="button" class="btn btn-secondary">Right</button>
</div>
<div class="btn-group" role="group" aria-label="Basic example">
  <button type="button" class="btn btn-secondary">Left</button>
  <button type="button" class="btn btn-secondary">Middle</button>
  <button type="button" class="btn btn-secondary">Right</button>
</div>
<div class="btn-toolbar" role="toolbar" aria-label="Toolbar with button groups">
  <div class="btn-group me-2" role="group" aria-label="First group">
    <button type="button" class="btn btn-secondary">1</button>
    <button type="button" class="btn btn-secondary">2</button>
    <button type="button" class="btn btn-secondary">3</button>
    <button type="button" class="btn btn-secondary">4</button>
  </div>
  <div class="btn-group me-2" role="group" aria-label="Second group">
    <button type="button" class="btn btn-secondary">5</button>
    <button type="button" class="btn btn-secondary">6</button>
    <button type="button" class="btn btn-secondary">7</button>
  </div>
  <div class="btn-group" role="group" aria-label="Third group">
    <button type="button" class="btn btn-secondary">8</button>
  </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 92: Linha 319:
{{Botão|color=blue|link=Wikifavelas:Projeto|name=O Projeto}}
{{Botão|color=blue|link=Wikifavelas:Projeto|name=O Projeto}}


<pre>
<nowiki>[[{{{link}}}|<span class="btn {{#switch: {{{color|red}}} | red = btn-primary  | green = btn-secondary | white = btn-warning | blue = btn-info}}" role="button" aria-disabled="false">{{{name|Texto do botão}}}</span>]]</nowiki>
<nowiki>[[{{{link}}}|<span class="btn {{#switch: {{{color|red}}} | red = btn-primary  | green = btn-secondary | white = btn-warning | blue = btn-info}}" role="button" aria-disabled="false">{{{name|Texto do botão}}}</span>]]</nowiki>
</pre>




== Tabela ==


<table class="table table-hover">
<table class="table table-hover">
Linha 534: 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 815: 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 824: 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 841: 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 851: 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 861: 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 870: 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 901: Linha 1 130:
   </div>
   </div>
</div>
</div>


== Card ==
== Card ==
Linha 1 130: 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 154: 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”