Junho 27, 2008 at 2:44 pm · Categorias: Dicas XHTML/ CSS, Dicas de Javascript, Utilitários, Web developer
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!
- Gostou do post? Envie para seu amigo
