MoreCSS foi feito para webdesigners que entendem muito de CSS mas que tem dificuldade para entender e desenvolver códigos em Javascript.

Com o MoreCSS você poderá aplicar diversos efeitos e atributos que funcionam em diversos navegadores de uma maneira simples, dentro do CSS.

O MoreCSS permite a você fazer diversas coisas como:

• abrir janelas popup
• criar tab menus
• criar tabelas ou listas zebradas (cor sim, cor não)
• criar tooltips
• mexer com opacidade de maneira crossbrowser
• estilização avançada de listas
• gerar hifenização automática

Tudo isso pode ser feito via CSS com o script MoreCSS e de uma maneira bem simples. Basta adicionar o código para chamar o include do script:

<script src=”http://seusite.com/MoreCSS.js” type=”text/javascript”></script>

E depois definir no CSS os atributos que você deseja utilizar, criando classes ou IDs para eles. Exemplo:

.PopUp a:active {
target: popup;
target-width: 800px;
target-height: 600px;
target-position: center middle;
}

No código acima, definimos que todos os links que estiverem dentro da classe “PopUp” abrirão em uma nova janela com tamanho de 800×600 px que será posicionada no centro da tela. Fácil né?

Para saber mais, baixar o script e aprender novas funcionalidades do framework, visite o site do autor.

Compartilhe!