Predefinição:Hlist/doc
Aparência
{{#invoke:Message box|mbox}} {{#invoke:Lua banner|main}} {{#invoke:Utiliza TemplateStyles|main}} Esta predefinição cria listas horizontais. Cada item da lista pode ser estilizado individualmente com CSS.
Uso
Uso básico
{{Hlist|primeiro item|segundo item|terceiro item|...}}
Todos os parâmetros
{{Hlist
|primeiro item|segundo item|terceiro item|...
|classe = classe para a marcação div
|estilo = estilo para a marcação div
|lista_estilo = estilo para a marcação ul
|item_estilo = estilo para todas as marcações li
|item1_estilo = estilo para a primeira a marcação li
|item2_estilo = estilo para segunda a marcação li
|...
|indentar = o número de tabulações para indentar
}}
Exemplo
{{#Invoke:Link de predefinição em geral|main|nolink=yes|code=yes}}
produz:
{{safesubst:#invoke:lista|horizontal}}
Parâmetros
- 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á saída alguma. |class=ou|classe=: uma classe personalizada para as marcações<div>...</div>ao redor da lista. Defina comoinlineao usar {{Hlist}} dentro de texto.|style=ou|estilo=: um estilo de CSS personalizado para as marcações<div>...</div>ao redor da lista, por exemplofont-size: 90%;.|list_style=ou|lista_estilo=: um estilo de CSS personalizado para as marcações<ul>...</ul>na lista. O formato é o mesmo dos parâmetros|style=ou|estilo=.|item_style=ou|item_estilo=: um estilo de CSS personalizado para todos os itens da lista (as marcações<li>...</li>). O formato é o mesmo dos parâmetros|style=ou|estilo=.- Evite usar o estilo
white-space:nowrapno parâmetro|item_style=(ou|item_estilo=), porque ele terá o efeito indesejado de evitar quebras de linha em qualquer lugar da lista, em vez de apenas dentro do item da lista; a solução alternativa é mover esse estilo no parâmetro|list_style=(ou|lista_estilo=e, em seguida, inserir {{Wbr}} no início de cada valor de item, para inserir uma oportunidade invisível de quebra de palavra (e não no final do valor do item, pois a quebra de palavra ocorreria logo antes do separador de marcadores com espaçamento à direita).
- Evite usar o estilo
|item1_style=ou|item1_estilo=,|item2_style=ou|item2_estilo=,|item3_style=ou|item3_estilo=...: estilos de CSS personalizados para cada um dos itens da lista. O formato é o mesmo dos parâmetros|style=ou|estilo=.|indent=ou|indentar=: o número de tabulações para indentar a lista. O valor padrão é 0.
Exemplos
| Marcação | Renderiza como{{safesubst:#invoke:For loop|main}} |
|---|---|
Evitando erros da Linter
{{Hlist}} produzirá erros da Linter se colocado dentro de uma predefinição que usa marcações <span>...</span> , como {{Small}}, {{Large}}, etc. Para evitar isso, use as substituições da tabela abaixo:
| Arquivo:X mark.svg Marcação incorreta | Sim Marcação correta |
|---|---|
{{Small|{{Hlist|...}}}} |
{{Hlist|...|estilo=font-size:85%}}
|
{{Redimensionar|{{Hlist|...}}}} |
{{Hlist|...|estilo=font-size:90%}}
|
{{Midsize|{{Hlist|...}}}} |
{{Hlist|...|estilo=font-size:92%}}
|
{{Large|{{Hlist|...}}}} |
{{Hlist|...|estilo=font-size:120%}}
|
{{Grande|{{Hlist|...}}}} |
{{Hlist|...|estilo=font-size:120%}}
|
{{Larger|{{Hlist|...}}}} |
{{Hlist|...|estilo=font-size:120%}}
|
{{Huge|{{Hlist|...}}}} |
{{Hlist|...|estilo=font-size:180%}}
|
{{Redimensionar|x%|{{Hlist|...}}}} |
{{Hlist|...|estilo=font-size:x%}}
|
{{Font|size=x%|{{Hlist|...}}}} |
{{Hlist|...|estilo=font-size:x%}}
|
{{Nowrap|{{Hlist|...}}}} |
{{Hlist|...|estilo=white-space: nowrap}}
|