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
No hay comentarios:
Publicar un comentario