Predefinição:Hlist/Testes/doc

Origem: Wikipédia, a enciclopédia livre.

Esta predefinição cria listas horizontais [en]. Cada item da lista pode ser estilizado individualmente com folhas de estilo em cascata (F.E.C.)[a].

Uso[editar código-fonte]

Uso básico

{{Hlist/Testes|primeiro item|segundo item|terceiro item|...}}

Todos os parâmetros

{{Hlist/Testes
|primeiro item|segundo item|terceiro item|...
|class       = classe para a marcação[b] div
|style       = estilo para a marcação[b] div
|list_style  = estilo para a marcação[b] ul
|item_style  = estilo para todas as marcações[b] li
|item1_style = estilo para a primeira a marcação[b] li
|item2_style = estilo para segunda a marcação[b] li
|...
|indent      = o número de tabulações[c] para indentar
}}

Exemplo

{{Hlist/Testes|Jazz|rock|pop|rap}}


produz:

  • Jazz
  • rock
  • pop
  • rap

Parâmetros[editar código-fonte]

  • Parâmetros posicionais (1, 2, 3...): estes são os itens da lista. Se nenhum item da lista estiver presente, o módulo não produzirá nada.
  • class: uma classe personalizada para as marcações[b] <div>...</div> ao redor da lista. Defina como inline ao usar {{Hlist}} dentro do texto.
  • style: um estilo de folhas de estilo em cascata[a] personalizado para as marcações[b] <div>...</div> ao redor da lista, por exemplo tamanho da fonte: 90%;.
  • list_style: um estilo de folhas de estilo em cascata[a] personalizado para as marcações[b] <ul>...</ul> na lista. O formato é o mesmo do parâmetro |style=.
  • item_style: um estilo de folhas de estilo em cascata[a] personalizado para todos os itens da lista (as marcações[b] <li>...</li>). O formato é o mesmo do parâmetro |style=.
  • item1_style, item2_style, item3_style...: estilos de folhas de estilo em cascata[a] personalizados para cada um dos itens da lista. O formato é o mesmo do parâmetro |style=.
  • indent: o número de tabulações[c] para indentar a lista. O valor padrão é 0.

Exemplos[editar código-fonte]

Marcação Renderiza como
{{Hlist/Testes|entrada1|entrada2|entrada3|entrada4
|entrada5|entrada6|entrada7|entrada8|entrada9}}
  • entrada1
  • entrada2
  • entrada3
  • entrada4
  • entrada5
  • entrada6
  • entrada7
  • entrada8
  • entrada9
Planetas gigantes ({{Hlist/Testes|[[Júpiter (planeta)|J]]|[[Saturno (planeta)|S]]|[[Urano (planeta)|U]]|[[Netuno (planeta)|N]]}}).
Planetas gigantes ().
Planetas gigantes ({{Hlist/Testes|class=inline|[[Júpiter (planeta)|J]]|[[Saturno (planeta)|S]]|[[Urano (planeta)|U]]|[[Netuno (planeta)|N]]}}).
Planetas gigantes ().
{{Hlist/Testes|Vencedor|Vice-campeão|Terceiro lugar|indent=2}}
  • Vencedor
  • Vice-campeão
  • Terceiro lugar
{{Hlist/Testes|Vencedor|Vice-campeão|Terceiro lugar|item_style=color:blue;}}
  • Vencedor
  • Vice-campeão
  • Terceiro lugar
{{Hlist/Testes|Vencedor|Vice-campeão|Terceiro lugar|item1_style=background-color:yellow;|item2_style=background-color:silver;}}
  • Vencedor
  • Vice-campeão
  • Terceiro lugar

Evitando erros da Linter[editar código-fonte]

{{Hlist/Testes}} produzirá erros da Linter [en] se colocado dentro de uma predefinição que usa marcações[b] <span>...</span> , como {{Small}}, {{Large/Testes}}, etc. Para evitar isso, use as substituições da tabela abaixo:

Marcação incorreta Marcação correta
{{Small|{{Hlist/Testes|...}}}} {{Hlist/Testes|...|style=font-size:85%}}
{{Redimensionar/Testes|{{Hlist/Testes|...}}}} {{Hlist/Testes|...|style=font-size:90%}}
{{Midsize|{{Hlist/Testes|...}}}} {{Hlist/Testes|...|style=font-size:92%}}
{{Large/Testes|{{Hlist/Testes|...}}}} {{Hlist/Testes|...|style=font-size:120%}}
{{Grande|{{Hlist/Testes|...}}}} {{Hlist/Testes|...|style=font-size:120%}}
{{Larger/Testes|{{Hlist/Testes|...}}}} {{Hlist/Testes|...|style=font-size:120%}}
{{Huge|{{Hlist/Testes|...}}}} {{Hlist/Testes|...|style=font-size:180%}}
{{Redimensionar/Testes|x%|{{Hlist/Testes|...}}}} {{Hlist/Testes|...|style=font-size:x%}}
{{Font|size=x%|{{Hlist/Testes|...}}}} {{Hlist/Testes|...|style=font-size:x%}}
{{Nowrap/Testes|{{Hlist/Testes|...}}}} {{Hlist/Testes|...|style=white-space: nowrap}}

Notas[editar código-fonte]

  1. a b c d e do inglês C.S.S.cascading style sheets
  2. a b c d e f g h i j k do inglês tag
  3. a b do inglês tabs