Template:Colunas: Difference between revisions
No edit summary Tag: Reverted |
No edit summary Tag: Reverted |
||
| Line 1: | Line 1: | ||
<includeonly><div style="column-count:{{{1}}}; -moz-column-count:{{{1}}}; -webkit-column-count:{{{1}}}; {{#ifeq:{{{1}}}|auto|column-width:{{#if:{{{width|}}}|{{{width}}}|340px}};| }} {{{style|}}};">{{#if:{{{2|}}}|{{{2}}}}}</div></includeonly><noinclude>Para formatar uma seção em colunas, temos que usar tags HTML difíceis de lembrar: | <includeonly><div style="column-count:{{{1}}}; -moz-column-count:{{{1}}}; -webkit-column-count:{{{1}}}; {{#ifeq:{{{1}}}|auto|column-width:{{#if:{{{width|}}}|{{{width}}}|340px}};| }} {{{style|}}};">{{#if:{{{2|}}}|{{{2}}}|}}</div></includeonly><noinclude>Para formatar uma seção em colunas, temos que usar tags HTML difíceis de lembrar: | ||
<pre><div style="column-count:2; -moz-column-count:2; -webkit-column-count:2;"> | <pre><div style="column-count:2; -moz-column-count:2; -webkit-column-count:2;"> | ||
Revision as of 11:07, 8 July 2023
Para formatar uma seção em colunas, temos que usar tags HTML difíceis de lembrar:
<div style="column-count:2; -moz-column-count:2; -webkit-column-count:2;"> Conteúdo textual aqui. </div>
Esse template serve para para formatar uma seção em colunas de forma rápida e fácil.
Exemplo
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Uso
Para usar essa predefinição copie o trecho de código a seguir.
Mínimo:
{{colunas|2|
Conteúdo textual aqui. A seção será formatada em 2 colunas.
}}
Completo:
{{colunas|n
|width = o padrão é 340px
|style =
|Conteúdo textual aqui. A seção será formatada em "n" colunas. Com qualquer estilo adicional que estiver em "style".
}}
- n — número de colunas. Obrigatório. Pode ser usado o valor auto em vez de um número, nesse caso ele tentará criar tantas tabelas quanto possíveis, com largura de 340px por padrão, a naõ ser que o parâmetro width= seja dado e tenha outro valor.
- width — só deve ser usado se o primeiro parâmetro for "auto".
- style — estilos extras compatíveis com a tag <div>. Não use aspas aqui, mas lembre-se de usar ";" para separar os atributos do estilo. Esse parâmetro pode ser omitido sem problemas.
Estilos possíveis:
color: black; >> "black" de preto, é o padrão, mas pode inserir qualquer código HTML de cor com # na frente background: none; >> "none" é o padrão, código HTML de cor font-size: 100%; >> "100%" é o padrão, mas pode ser dado em pixels "px" font-style: italic; >> sempre é usado como itálico (italic), não tem outro font-weight: bold >> sempre é usado como negrito (bold), não tem outro
