Template:Colunas: Difference between revisions
(→Uso) |
(remoção de template de caracteres especiais) |
||
| (8 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
<includeonly><div style="column-count:{{{1}}}; -moz-column-count:{{{1}}}; -webkit-column-count:{{{1}}}; {{{style|}}};">{{{2|{{cor|red||'''''Template:Colunas - Você esqueceu de inserir um texto aqui?''''' | <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}}}|{{cor|red||'''''Template:Colunas - Você esqueceu de inserir um texto aqui?'''''}}}}</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;"> | ||
| Line 26: | Line 26: | ||
'''Completo:''' | '''Completo:''' | ||
<pre>{{colunas|n | <pre>{{colunas|n | ||
|style= | |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". | |Conteúdo textual aqui. A seção será formatada em "n" colunas. Com qualquer estilo adicional que estiver em "style". | ||
}}</pre> | }}</pre> | ||
* '''n''' | * '''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. | ||
* '''style''' | * '''width''' — só deve ser usado se o primeiro parâmetro for "auto". | ||
* '''style''' — estilos extras compatíveis com a tag <code><nowiki><div></nowiki></code>. 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: | Estilos possíveis: | ||
Latest revision as of 16:52, 15 February 2024
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
