Nifty Corners: Esquinas curvadas para tus layouts
Muchos conocerán la propiedad Border-Radius en CSS2 para fijar el estilo de esquinas curvadas en las layouts hasta es valido para los elementos de formulario como input y textarea pero la limitación que la volvio algo únutil y impopular para los diseñadores web es solo Firefox y Safari lo admiten.
Y a consecuencia de esto, por un lado la limitación de los navegadores y por otro lado el desconocimiento de este elemento por parte de diseñadores se han visto muchisimos sitios que diseñaron este estilo de las esquinas curvadas con imagenes por lo que resulta muchisima más pesada la carga, casi una tortura.
Pero con Nifty Corners creado por Alessandro Fulciniti se puede compensar esta falta en los demás navegadores y ya funciona muy bien en todos los navegadores gracias al complemento de un script escrito en javascript que interactua con CSS.
Para implementarlo en tu sitio, este es un ejemplo de los tienen hacer lo siguiente:
Dentro del <head> </head> colocar esta linea:
-
<script src="http://microoweb.com/wp-admin/niftycube.js" type="text/javascript"></script>
A continuación de la linea anterior colocan este script que carga el efecto en la layout, asegurense de cambiar el nombre del ID.
-
<script type="text/javascript"><!--
-
-
window.onload=function()
-
{ Nifty("div#box","big"); }
-
// --></script>
Y por ultimo agreguen id="box en la etiqueta div donde desean aplicar el efecto.
Esta breve explicación solo es un ejemplo básico y de los 13 que ofrecen en el sitio de Alessandro. Para los avanzados recomiendo que echen una lectura para variar más su empleo de uso.
Descargar Nifty Corners
