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.



Set
22

Olá, Mundo!

em Geral

Passados três meses, finalmente está concluído o site. Ufa!
Sim, três meses para fazer um site deste tipo é muito tempo, mas a verdade é que queria que isto saísse o melhor possivel. Afinal, este é um projecto pessoal, o que quer dizer que não tinha prazos a cumprir, por isso, dei-me ao luxo de desenhar, redesenhar e redesenhar outra vez, cometer erros atrás de erros, bater muitas vezes na parede, experimentar, etc.
Mas cá está o produto final.

Ler o resto

2 comentários

admin

2010-09-23 11:14:18


Ooops, my bad ;) Obrigado :)

Hugo Baeta

2010-09-23 11:08:50


Olá Rodolfo! Não tens nada que agradecer! Faz parte do espírito da comunidade que envolve o WordPress! ;) Parabéns pelo novo site gosto da textura do fundo, parece feltro! Desejos de muito sucesso! Abraço, Hugo ps.: Não sou administrador do forum, só Moderador! ;)

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.



Próximos