Retroceder   Foros del Web > Diseño de Sitios web > CSS

Respuesta
 
Herramientas Desplegado
Antiguo 17-mar-2008, 02:26   #1 (permalink)
jane_135 ha deshabilitado el karma
 
Fecha de Ingreso: abril-2005
Mensajes: 57
bordes redondeados sin imagen de fondo??

hola, quiero crear una caja con bordes redondeados pero sin imagen de fondo, para no perder tiempo de carga, por ello pondré un background-color.

El caso es que ni viendo los posts del foro ni algunas páginas de css, he logrado saber si se puede hacer sin la necesidad de poner una imágen de fondo o usar js.

Hay una web : http://www.spiffycorners.com/ que explica como hacerlo, pero con imágen de fondo. Otra parecida es : http://www.modxcms.com/simple-rounded-corner-css-boxes.html

Pero si quiero usar sólo un color de fondo se puede o no???
jane_135 está desconectado   Responder Citando
Antiguo 17-mar-2008, 04:14   #2 (permalink)
Colaborador
Mikmoro es realmente agradableMikmoro es realmente agradableMikmoro es realmente agradableMikmoro es realmente agradableMikmoro es realmente agradableMikmoro es realmente agradable
 
Avatar de Mikmoro
 
Fecha de Ingreso: octubre-2006
Ubicación: A tu espalda
Mensajes: 3.447
Re: bordes redondeados sin imagen de fondo??

Se puede, y hay muchas maneras.
Aquí te pongo un ejemplo:

http://www.araudi.net/esquinas_redondeadas.html

(está hecho sólo con css y una imagen gif).

No obstante, busca un poco en san google y encontrarás varias maneras diferentes de hacerlo.

Mikel.
Mikmoro está desconectado   Responder Citando
Antiguo 17-mar-2008, 05:39   #3 (permalink)
jane_135 ha deshabilitado el karma
 
Fecha de Ingreso: abril-2005
Mensajes: 57
Re: bordes redondeados sin imagen de fondo??

esa manera ya he comentado que la conozco, pero utiliza una imágen como fondo, yo lo que quiero es no utilizar esa imágen y utilizar un código de color...
jane_135 está desconectado   Responder Citando
Antiguo 17-mar-2008, 06:01   #4 (permalink)
Colaborador
Mikmoro es realmente agradableMikmoro es realmente agradableMikmoro es realmente agradableMikmoro es realmente agradableMikmoro es realmente agradableMikmoro es realmente agradable
 
Avatar de Mikmoro
 
Fecha de Ingreso: octubre-2006
Ubicación: A tu espalda
Mensajes: 3.447
Re: bordes redondeados sin imagen de fondo??

Creo que hay una forma de hacerlo sin imágenes de fondo ni JS, pero es complicadísima, a base de unos 48 div anidados. No recuerdo el enlace para dártelo, pero buscando lo encontrarás, aunque eso sí, en inglés.

Por lo del tiempo de carga, no sé si te has dado cuenta de que la imagen que he usado es una sola y tiene 1k de peso. Si eres capaz de cronometrar la diferencia de carga entre el html con mi imagen o con la otra solución, es que trabajas en la NASA

Mikel.
Mikmoro está desconectado   Responder Citando
Antiguo 17-mar-2008, 06:33   #5 (permalink)
jane_135 ha deshabilitado el karma
 
Fecha de Ingreso: abril-2005
Mensajes: 57
Re: bordes redondeados sin imagen de fondo??

je je , la verdad es que no carga casi nada. Lo haré así, gracias mikel.
jane_135 está desconectado   Responder Citando
Antiguo 17-mar-2008, 09:19   #6 (permalink)
alca87 ha deshabilitado el karma
 
Fecha de Ingreso: febrero-2008
Mensajes: 19
Re: bordes redondeados sin imagen de fondo??

Existe una manera pero solo funciona en Mozilla y derivados (Firefox, Netscape6+ y Camino) Si usas hojas de estilo separadas según cada navegador, tal vez te interese.

Código:
-moz-border-radius: 5%;
También puedes usar un par de valores, tres ó cuatro, para definir cada esquina.

Un saludo.
alca87 está desconectado   Responder Citando
Antiguo 17-mar-2008, 10:25   #7 (permalink)
Eourus ha deshabilitado el karma
 
Fecha de Ingreso: octubre-2006
Ubicación: Murcia - España
Mensajes: 305
Re: bordes redondeados sin imagen de fondo??

Esperate a css3 para esas cosas ;)
__________________
Mis webs personales:

http://www.costadelaespada.com
http://blog.costadelaespada.com
Eourus está desconectado   Responder Citando
Antiguo 17-mar-2008, 22:09   #8 (permalink)
resu tiene algunos puntos positivos de karma
 
Fecha de Ingreso: mayo-2006
Ubicación: Argentina (Buenos Aires,CABALLITO)
Mensajes: 292
Re: bordes redondeados sin imagen de fondo??

proba con nifty coners cube:

http://www.html.it/articoli/niftycube/index.html


saludos
resu está desconectado   Responder Citando
Antiguo 18-mar-2008, 16:57   #9 (permalink)
Moderador
metacortex es realmente agradablemetacortex es realmente agradablemetacortex es realmente agradablemetacortex es realmente agradablemetacortex es realmente agradablemetacortex es realmente agradable
 
Avatar de metacortex
 
Fecha de Ingreso: junio-2004
Ubicación: Venezuela
Mensajes: 6.248
Enviar un mensaje por MSN a metacortex Enviar un mensaje por Skype™ a metacortex
Re: bordes redondeados sin imagen de fondo??

No es necesario esperar a CSS3: Tutorial: Esquinas redondeadas con puro CSS
__________________
Diseño Joomla en Venezuela
Joomlaworks Support Team
JoomLatin.com - Joomla Latino (Pronto)
metacortex está desconectado   Responder Citando
Antiguo 19-mar-2008, 09:30   #10 (permalink)
Colaborador
kahlito tiene algunos puntos positivos de karma
 
Avatar de kahlito
 
Fecha de Ingreso: marzo-2003
Ubicación: En el Estrecho y el mar
Mensajes: 2.554
Re: bordes redondeados sin imagen de fondo??

Hola metacortex, ¿donde queda el ejemplo final de tu enlace?. Sería interesante ver el resultado
kahlito está desconectado   Responder Citando
Antiguo 19-mar-2008, 14:39   #11 (permalink)
Moderador
metacortex es realmente agradablemetacortex es realmente agradablemetacortex es realmente agradablemetacortex es realmente agradablemetacortex es realmente agradablemetacortex es realmente agradable
 
Avatar de metacortex
 
Fecha de Ingreso: junio-2004
Ubicación: Venezuela
Mensajes: 6.248
Enviar un mensaje por MSN a metacortex Enviar un mensaje por Skype™ a metacortex
Re: bordes redondeados sin imagen de fondo??

No me acordaba que había abandonado ese dominio. Ya transferí los archivos y edité el post. Gracias por avisar .
__________________
Diseño Joomla en Venezuela
Joomlaworks Support Team
JoomLatin.com - Joomla Latino (Pronto)
metacortex está desconectado   Responder Citando
Respuesta

No hay votos aún.


Herramientas
Desplegado

Normas de Publicación
No puedes crear nuevos temas
No puedes responder temas
No puedes subir archivos adjuntos
No puedes editar tus mensajes

BB code is Activado
Caritas están Activado
[IMG] está Activado
Código HTML está Desactivado


La Zona horaria es GMT -6. Ahora son las 23:19.


Message Board Statistics

LinkBacks Enabled by vBSEO 3.1.0

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93