Redondea tablas, divs, etc

[rkstro]

Existe una forma de redondear tablas, divs y cosas por el estilo sin necesidad de usar imagenes en las esquinas para ello tienes que ocupar un pequeño javascript llamado Nifty Corners Cube

 

1.- Descarga el script desde Aqui

2.- En la pagina que quieras hacer esto pones lo siguiente:

<script type="text/javascript" src="niftycube.js"></script>
<script type="text/javascript">
window.onload=function(){
Nifty("parametro 1","parametro 2");
}
</script>

3.- Ahora solo hay que modificar los parametros 1 y 2 siendo el ultimo opcional. Para esto hay que tomar las siguientes consideraciones

Parámetro 1: Este parametro es el que identifica lo que vas a redondear sea un div, una tabla, etc... tiene que especificarse como en el css (ejemplo div#contenido)

Parametro 2: Identificas que esquinas y otras opciones quieres redondear, para hacerlo se ocupan las siguientes abreviaciones:

 

tl: esquina izquierda superior

tr: esquina derecha superior

bl: esquina izquierda inferior

br: esquina derecha inferior

top: esquinas superiores

bottom: esquinas inferiores

left: esquinas izquierdas

right: esquinas derechas

all (defecto): todas las cuatro esquinas

none: no se redondeará ningunas esquinas (utilizar para las columnas nifty)

small: esquinas pequeñas (2px)

normal (defecto): esquinas normales del tamaño (5px)

big: esquinas grandes del tamaño (10px)

transparent: transparente interno, alias esquinas será obtenido. Esta opción activa automáticamente si el elemento a redondo no tiene un fondo-color especificado.

fixed-height: ser aplicado cuando un de altitud fija se fija vía el CSS

same-height: Parámetro para las columnas nifty: todos los elementos identificados por el selector del CSS del primer parámetro tendrán la misma altura. Si el efecto es necesario sin esquinas redondeadas, utilizar simplemente este parámetro en el conjuction con la palabra clave ningunos.

 

Si en el segundo parametro no se especifica nada se toman los valores por defecto. Si se desea por ejemplo redondear todas las esquinas menos la inferior derecha con curva grande se pone esto "bl top big"

 

Mas info en http://www.html.it/articoli/niftycube/index.html

 

PD: hay un archivo llamado niftyCorners.css que debe estar en la misma carpeta que esta el archivo con puntas redondas.

Edited July 6, 2009 by r_kstro

[upierz]

esta filete la wea!

[c3sarin]

lo habia visto con imagenes,,, pero tu aporte se ve mas simpole que la chucha...

 

Te pasaste viejo !!! muchas gracias !!!

[caranthir]

Muy buena siempre habia tenido esa duda

 

Valeeeeeeeeeeeeeeeeeeeeeeeeeeeeee :banana:

[silencioso]

esta super bueno

 

gracias

[Jeckillson]

se agradece!

[xairox]

buenisimo wn te pasaste

[Sim0n]

exelente desgraciao...

[tutunautas]

vale muy bueno

[soyanede]

:banana: :banana: :banana: ta wena, voy a probar compare