Arquivo de categoria ‘Webdesign’


Set
24

Texto dividido por colunas com CSS3

em Tutoriais, Webdesign, Webdesign

Idealmente, uma linha de texto atinge o seu auge de legibilidade entre as 8 e 12 palavras por linha. Este conceito é vastamente usado pela indústria gráfica e jornais, dividindo o texto por várias colunas.
 
Com CSS3, os webdesigners deixaram de ter a necessidade de criar vários divs, dividir o texto à mão e esperar que os seus visitantes usem a mesma fonte, com o mesmo tamanho e o mesmo browser. Agora, basta um ficheiro de Javascript e tem-se acesso a esta nova propriedade.
 
Não vou entrar em grandes detalhes técnicos, aliás, até porque aqui têm disponivel toda a informação sobre esta nova propriedade. Vou apenas guiar-vos através do processo de implementação desta propriedade e o seu uso correcto.
 

Implementação

 

  1. Fazer copy/paste deste código, num editor de texto qualquer, ou mesmo Dreamweaver ou outro software.
  2. Salvar como “css3-multi-column.js” ou outro nome à escolha, desde que tenha a extensão “.js“, sem as aspas.
  3. Anexar o código logo a seguir ao link para a vossa folha de estilo. Fica uma coisa deste género:
    4. <link rel="stylesheet" type="text/css" href="stylesheet.css" />
<script type="xhtml" src="css3-multi-column.js"></script>
  4. Agora é só usar as novas propriedades de multi-colunas disponivéis na folha de estilos. Assim:

Ler o resto

1 comentário

Scancatly

2011-12-06 11:44:18


who watched the Oscars? levitra

Donnie Roloson

2011-02-05 19:29:56


some truly fantastic info , Glad I detected this.

Deixe um comentário


Este é um espaço público e moderado. Não forneça os seus dados pessoais (como telefone ou morada) nem utilize linguagem imprópria.