Blog and Web

MoreCSS. Expande el poder del CSS

MoreCSS es un script que expande las propiedades del CSS para facilitar agregar las características y efectos comunes que aun no tienen un atributo especifico o no son aceptados por todos los navegadores.

Por ejemplo, con este script es posible crear tablas o listas con el famoso estilo “zebra”, abrir enlaces en una ventana externa en forma de pop-up, agregar contenido antes y después de un elemento, entre otras. En total, cerca de 20 funciones diferentes.

La forma de usarlos es muy sencilla y de ahí el merito, solo hay que hacer el llamado al script:

<script src="http://sitio.com/MoreCSS.js" type="text/javascript"></script>

Y después agregar los nuevos atributos con que disponemos a las etiquetas donde buscamos un efecto. Por ejemplo para abrir enlaces en una nueva ventana, definimos en el CSS:

.blogroll a:active {
target: popup;
target-width: 800px;
target-height: 600px;
}

Que dará como resultado que todos los enlaces dentro de la clase “blogroll” se abran en una nueva ventana con tamaño 800x600px.

En la página de MoreCSS podemos ver todos los atributos, su forma de uso y ejemplos, así como descargar la última versión del script.

Sitio: yellowgreen.de / vía