Posted by Ruan | Posted on 15-03-2008
Category : CSS, Scripts
Tags: css, Javascript
MoreCSS é um script que expande as propriedade do CSS para facilitar agregar as características e efeitos que ou não tem um atributo especifico o não são aceitas por todos os navegadores.
Por exemplo, com este script é possível criar tabelas ou lista com o famoso estilo “Zebra”, abrir links em uma janela externa na forma de pop-up, agregar conteúdo antes e depois de um elemento entre outras coisas. No total são cerca de 20 funções diferentes.
Para utilizá-lo é necessário adicionar a chamada ao Script:
<script src="http://seusite.com/MoreCSS.js" type="text/javascript"></script>
E depois adicionamos os novos atributos as classes que queremos aplicar o efeito.
Por exemplo, para abrir links em um nova janela, definimos no css:
.blogroll a:active {
target: popup;
target-width: 800px;
target-height: 600px;
}
Que terá como resultado que todos os links dentro da classe "blogroll" se abram em uma nova janela com tamanho 800*600px.
Na página de MoreCSS podemos ver todos os atributos, sua forma de uso e exemplos, assim como descarregar a última versão do script
Via: blogandweb.com
Posted by Ruan | Posted on 12-03-2008
Category : CSS
Centralizar Verticalmente com Line-height
Quando você tem um container com altura fixa, você pode utilizar a propriedade line-heigh para centralizar verticalmente o conte
Prevenir Conteúdo Distorcido com larguras fixa.
Quando você inseri um conteúdo maior que a largura fixada em um container, ele quebra o layout. Para evitar isso, você oculta parte do conteúdo, mas permite que a estrutura do seu layout permaneça intacta.
Prevenir Quebra de Linhas em Links
Essa pequena dica irá prevenir quebra de linhas em seus links.Recomenda-se o uso dessa técnica em textos longos para evitar que links se quebrem em 2 linhas;
Centralizando elementos de bloco horizontalmente
Para todos navegadores modernos esta linha de css é suficiente para centralizar um bloco horizontalmente
Removendo Scrollbar Vertical de Textarea no IE
Textarea no IE tem a scrollbar vertical visível por padrão. Se você quiser remover utilize essa linha de código
Força Quebra de Linhas em Documentos Impressos
Com esta linha de código você controla espaços quando você quer suas paginas impressas.
h2{page-break-before:always;}
Fonte:CSS Globe
