The Joomla! Forum™

Hola señores y señoras/itas.

Me pase el dia de ayer paseando por la gran web, y encontre la posibilidad de hacer esquinas redondas sin imagenes, pero usando el gran poder de css.

Aparte de tener la tipica template_css.css, tambien hay una llamada niftycorners.css

El la ficha de index.php hay tambien que definir que si hay que hacer esquinas redondas en toda la tabla, og solo la dercha top y isquierda fondo.....

all: todas las esquinas
lt = top left
lb = left buttom
rt = right top
rb = right buttom
Lo siguiente seria defienir el color del borde, el color de atras del borde.....

Ya se que es una barbaridad de cosas que pongo, y por eso he agregado una pequeña planitlla que usa esta forma, para los que quieren jugar con ella.

La ficha nifty.js hay que ponerla el el ROOT de su web

Un saludo
Kristian

Gracias, malagueño
¿Has comprobado los resultados en distintos navegadores?

ibnhafsun wrote: Gracias, malagueño
¿Has comprobado los resultados en distintos navegadores?

Si, y la verdad es que funciona mejor con FF, que con IE.

El la plantilla que he agregado he puesto un "OPASITY" transparente, que funciona en IE, pero No en FF, y eso es todo....

ME encanta este juguete, por que hace las plantillas mas pequeñas de tamaño

Sirve igual para plantillas sin tablas? Estoy tratando de adaptar una y creo que esto me iria muy bien...

davidbe wrote: Sirve igual para plantillas sin tablas? Estoy tratando de adaptar una y creo que esto me iria muy bien...

La verdad es que no los se.....pero habra que pobarlo....

http://pro.html.it/articoli/id_599/idca ... 1/pag.html
Esta pagina lo describe todo, y aqui tambien se puede bajar todas las fichas que estan en uso.
Esta en ingles

Hace unos meses la usé en un trabajo para un cliente y en el Explorer iba muy mal pero es una solución fascinante. Puedes incluso escoger los lados que quieres que estén redondeados por lo que puedes hacer varias formas de mostrar los módulos, principalmente, con formas ni totalmente redondeadas ni totalmente cuadradas, con los parámetros que indicas

En el ejemplo que pone en http://pro.html.it/esempio/nifty/ se ve perfectamente tanto en FF como en IE pero claro, no va a poner un ejemplo que no funcione. Por lo que he creido entender devería servir en cualquier tipo de página, con o sin tablas. A ver si saco tiempo de algún lado.

Excelente joomlawebber !
Ahora mismo le voy a poner las manos encima para probarlo...

Gracias por el aporte !!

Un generador automático de cajas con esquinas redondeadas

http://www.neuroticweb.com/recursos/css-rounded-box/

funmaking wrote: Un generador automático de cajas con esquinas redondeadas

http://www.neuroticweb.com/recursos/css-rounded-box/

Yihaa....excelente generador

Probé la plantilla Kristian.... te felicito!!!

Estoy probando y no se como llamar a la clase o de que forma asigno las clases para ver el resultado .

Estoy probando en joomla 1.5  en articulo de mi frontpage.

como lo hago.

gracias.

hay un Niftybox and Niftycolumn para joomla 1.5

fuentessoft wrote: hay un Niftybox and Niftycolumn para joomla 1.5

buenisimo, tienes la direccion ?

pero esta tiene soporte para las versiones anteriores de joomla  joomla 1.0.12  mas no para  joomla 1.5

yo he probado y no funciona para joomla 1.5.

Alguien  sabe si existe o otra forma de acerlo

para los que tengan ganas prueben con jquery, hay un plugin para hacer esquinas redondeadas, ademas con jquery pueden usar css3 (no en la hoja, sino que aplicando las propiedades en javascript)

http://www.methvin.com/jquery/jq-corner-demo.html

aca les dejo el demo, lo que mas me viene gustando del jqeury es que no es intrusivo, con lo cual se pueden lograr efectos muy buenos y todavía validar el sitio

Saludos
Esteban

PD: si alguno tiene dudas sobre como usar este tipo de cosas pregunten nomas