Blog and Web

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 800×600px.

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