Foros del Web » Creando para Internet » CSS »

Efectos en CSS

Estas en el tema de Efectos en CSS en el foro de CSS en Foros del Web. Hola Foro Me gustaría saber si con una hoja de estilo puedo proporcionar un efecto de borde redondeado y una sombra paralela parecido a un ...
  #1 (permalink)  
Antiguo 12/04/2008, 04:23
 
Fecha de Ingreso: abril-2007
Mensajes: 43
Antigüedad: 17 años
Puntos: 0
Efectos en CSS

Hola Foro
Me gustaría saber si con una hoja de estilo puedo proporcionar un efecto de borde redondeado y una sombra paralela parecido a un "shadowborder"
Y si es así, ¿Cómo se hace?

Muchas gracias.
  #2 (permalink)  
Antiguo 12/04/2008, 21:13
Avatar de emiliodeg  
Fecha de Ingreso: septiembre-2005
Ubicación: Córdoba
Mensajes: 1.830
Antigüedad: 18 años, 7 meses
Puntos: 55
Re: Efectos en CSS

con backgrounds mi amigo
__________________
Degiovanni Emilio
developtus.com
  #3 (permalink)  
Antiguo 13/04/2008, 11:02
 
Fecha de Ingreso: abril-2007
Mensajes: 43
Antigüedad: 17 años
Puntos: 0
Re: Efectos en CSS

El problema es que el background tiene un tamaño fijo y yo quiero hacerlo para tablas y paneles dinámicos que aumentan de tamaño en tiempo de ejecución.
¿Como se haría entonces?

un saludo
  #4 (permalink)  
Antiguo 13/04/2008, 11:13
Avatar de juaniquillo
Colaborador
 
Fecha de Ingreso: noviembre-2005
Ubicación: San Juan, Puerto Rico
Mensajes: 5.745
Antigüedad: 18 años, 4 meses
Puntos: 281
Re: Efectos en CSS

si vas a usar javascript puedes usar 4 imágenes para las esquinas como en este ejemplo:
http://kalsey.com/2003/07/rounded_corners_in_css/
__________________
Por fin.. tengo algo parecido a un blog
Y por lo visto ya estoy escribiendo...
  #5 (permalink)  
Antiguo 14/04/2008, 08:15
 
Fecha de Ingreso: marzo-2004
Mensajes: 338
Antigüedad: 20 años, 1 mes
Puntos: 2
Re: Efectos en CSS

Tienes que hacer algo como:

HTML
Código:
<div id="contenedor">
   <h2>titulo</h2>
</div>

En tu css lo unico que tendrías que hacer es poner como fondo del h2 la parte superior de la caja con las dos esquinas superiores redondeadas y al div meterle como fondo otra imagen con las dos esquinas inferiores.
__________________
SiMpLiFiKa
http://www.manitasdelweb.com
  #6 (permalink)  
Antiguo 14/04/2008, 10:38
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.433
Antigüedad: 21 años, 10 meses
Puntos: 177
Re: Efectos en CSS

para lograr este efecto sin imagenes:

http://www.cssplay.co.uk/boxes/curves.html

http://www.cssplay.co.uk/boxes/four_cornered.html

__________________
Desarrollos dosLotos
Calendario Maya, Meditación, Osho
  #7 (permalink)  
Antiguo 14/04/2008, 11:39
 
Fecha de Ingreso: abril-2007
Mensajes: 43
Antigüedad: 17 años
Puntos: 0
Re: Efectos en CSS

Hola
Gracias por contestarme, la cosa es que la aplicación la estoy realizando en AJAX con el framework Google Web Toolkit, ahora me toca ver como adaptarlo.
Por cierto DragonX, he mirado en esa página y ese es el efecto que quiero, pero ¿donde explica como se hace? al menos yo no lo veo.

Gracias de nuevo

Un saludo
  #8 (permalink)  
Antiguo 14/04/2008, 13:08
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.433
Antigüedad: 21 años, 10 meses
Puntos: 177
Re: Efectos en CSS

botón derecho, ver código de fuente :)

__________________
Desarrollos dosLotos
Calendario Maya, Meditación, Osho
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:37.