3 167
edições
Mudanças
Ir para navegação
Ir para pesquisar
Criação da Documentação da Predefinição Div col.
{{Subpágina de documentação}}
<!-- POR FAVOR, ADICIONE CATEGORIAS E INTERWIKIS NO FINAL DESTA PÁGINA -->
{{ombox | type=notice | text = Atualmente o uso de colunas é suportado apenas pelas versões mais recentes dos navegadores baseados em [[Gecko (Mozilla)|Gecko]] (tais como o [[Mozilla Firefox]]) e dos baseados em [[WebKit]] (tais como o [[Google Chrome]] e o [[Safari]]). '''Todas as versões do [[Internet Explorer]] até a versão 9 e do [[Opera (web browser)|Opera]] até a versão 11.0 não oferecem suporte a colunas.''' Ver [[:en:Template:Reflist#Browser support for columns|mais informações]].}}
{{Layout de múltiplas colunas em CSS3}}
Esta predefinição, juntamente com a {{tl|div col fim}}, é utilizada para dividir uma lista em duas colunas, com a opção de especificar que a fonte tenha um tamanho menor. Ela tem a vantagem sobre as demais predefinições de colunas (isto é, {{tl|col-begin}}) de quebrar automaticamente cada coluna em um tamanho idêntico, de modo que não seja preciso encontrar manualmente onde fica o "meio" das duas colunas, por exemplo.
Esta predefinição cria múltiplas colunas nos [[Navegador (informática)|navegador]]es que oferecem suporte a pelo menos uma das seguintes propriedades [[Cascading Style Sheets|CSS]]:
* ''column-count'' (para os navegadores compatíveis com [[Cascading Style Sheets#CSS 3|CSS3]]; ver [http://www.w3.org/TR/css3-multicol/ CSS3 module: Multi-column layout])
* ''-moz-column-count'' (para navegadores baseados em [[:en:Mozilla application framework|Mozilla]]/[[Gecko (Mozilla)|Gecko]] tais como o [[Firefox]])
* ''-webkit-column-count'' (para os navegadores baseados em [[WebKit]] tais como o [[Safari (web browser)|Safari]] e o [[Google Chrome]])
==Uso==
; colunas = (ou {{{1}}}): especifica o número de colunas. Valor por padrão é 2.
; colwidth = (ou {{{2}}}): especifica a largura das colunas, e determina dinamicamente a quantidade de colunas com base na largura da tela; mais colunas serão exibidas em monitores maiores. Este parâmetro tem prioridade sobre <code>colunas=</code>.
; separador = : produz um separador vertical entre as colunas se for definido como <code>'''sim'''</code>.
; small =: specifica que a fonte ser menor (80%) se for definido como <code>'''sim'''</code>.
; style =: especifica estilos personalizados.
=== Exemplos ===
==== Sem definir parâmetros ====
O código wiki
<pre>{{Div col}}
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col fim}}</pre>
produz o seguinte resultado:
{{Div col}}
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col fim}}
==== Definição do número de colunas ====
Também podemos dividir em 3 colunas (ou mais), acrescentando o parâmetro '''cols=número'''. Eis um exemplo desta divisão:
<pre>{{Div col|3}}
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col fim}}</pre>
O resultado é a seguinte lista:
{{Div col|3}}
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col fim}}
==== Definição da largura das colunas ====
<pre>{{Div col||10em}}
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col fim}}</pre>
produz
{{div col||10em}}
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col fim}}
==== Inclusão de um separador ====
<pre>{{Div col|separador=sim}}
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col fim}}</pre>
produz:
{{div col|separador=sim}}
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col fim}}
==== Redução do tamanho da fonte ====
Outra parâmetro é o ''pequeno=sim'', que reduz o tamanho do texto:
<pre>{{Div col|pequeno=sim}}
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col fim}}</pre>
mostrará na tela:
{{Div col|pequeno=sim}}
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col fim}}
== Ver também ==
{{correlatos|wikcionário=Predefinição:dividir em colunas}}
* {{tl|multicol}}
* {{tl|col-begin}}
* {{tl|colunas-lista}}
<includeonly>
<!-- CATEGORIAS E INTERWIKIS AQUI, OBRIGADO -->
[[Categoria:!Predefinições de tabela e coluna]]
</includeonly>
<!-- POR FAVOR, ADICIONE CATEGORIAS E INTERWIKIS NO FINAL DESTA PÁGINA -->
{{ombox | type=notice | text = Atualmente o uso de colunas é suportado apenas pelas versões mais recentes dos navegadores baseados em [[Gecko (Mozilla)|Gecko]] (tais como o [[Mozilla Firefox]]) e dos baseados em [[WebKit]] (tais como o [[Google Chrome]] e o [[Safari]]). '''Todas as versões do [[Internet Explorer]] até a versão 9 e do [[Opera (web browser)|Opera]] até a versão 11.0 não oferecem suporte a colunas.''' Ver [[:en:Template:Reflist#Browser support for columns|mais informações]].}}
{{Layout de múltiplas colunas em CSS3}}
Esta predefinição, juntamente com a {{tl|div col fim}}, é utilizada para dividir uma lista em duas colunas, com a opção de especificar que a fonte tenha um tamanho menor. Ela tem a vantagem sobre as demais predefinições de colunas (isto é, {{tl|col-begin}}) de quebrar automaticamente cada coluna em um tamanho idêntico, de modo que não seja preciso encontrar manualmente onde fica o "meio" das duas colunas, por exemplo.
Esta predefinição cria múltiplas colunas nos [[Navegador (informática)|navegador]]es que oferecem suporte a pelo menos uma das seguintes propriedades [[Cascading Style Sheets|CSS]]:
* ''column-count'' (para os navegadores compatíveis com [[Cascading Style Sheets#CSS 3|CSS3]]; ver [http://www.w3.org/TR/css3-multicol/ CSS3 module: Multi-column layout])
* ''-moz-column-count'' (para navegadores baseados em [[:en:Mozilla application framework|Mozilla]]/[[Gecko (Mozilla)|Gecko]] tais como o [[Firefox]])
* ''-webkit-column-count'' (para os navegadores baseados em [[WebKit]] tais como o [[Safari (web browser)|Safari]] e o [[Google Chrome]])
==Uso==
; colunas = (ou {{{1}}}): especifica o número de colunas. Valor por padrão é 2.
; colwidth = (ou {{{2}}}): especifica a largura das colunas, e determina dinamicamente a quantidade de colunas com base na largura da tela; mais colunas serão exibidas em monitores maiores. Este parâmetro tem prioridade sobre <code>colunas=</code>.
; separador = : produz um separador vertical entre as colunas se for definido como <code>'''sim'''</code>.
; small =: specifica que a fonte ser menor (80%) se for definido como <code>'''sim'''</code>.
; style =: especifica estilos personalizados.
=== Exemplos ===
==== Sem definir parâmetros ====
O código wiki
<pre>{{Div col}}
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col fim}}</pre>
produz o seguinte resultado:
{{Div col}}
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col fim}}
==== Definição do número de colunas ====
Também podemos dividir em 3 colunas (ou mais), acrescentando o parâmetro '''cols=número'''. Eis um exemplo desta divisão:
<pre>{{Div col|3}}
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col fim}}</pre>
O resultado é a seguinte lista:
{{Div col|3}}
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col fim}}
==== Definição da largura das colunas ====
<pre>{{Div col||10em}}
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col fim}}</pre>
produz
{{div col||10em}}
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col fim}}
==== Inclusão de um separador ====
<pre>{{Div col|separador=sim}}
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col fim}}</pre>
produz:
{{div col|separador=sim}}
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col fim}}
==== Redução do tamanho da fonte ====
Outra parâmetro é o ''pequeno=sim'', que reduz o tamanho do texto:
<pre>{{Div col|pequeno=sim}}
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col fim}}</pre>
mostrará na tela:
{{Div col|pequeno=sim}}
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col fim}}
== Ver também ==
{{correlatos|wikcionário=Predefinição:dividir em colunas}}
* {{tl|multicol}}
* {{tl|col-begin}}
* {{tl|colunas-lista}}
<includeonly>
<!-- CATEGORIAS E INTERWIKIS AQUI, OBRIGADO -->
[[Categoria:!Predefinições de tabela e coluna]]
</includeonly>
