Foros del Web » Creando para Internet » CSS »

¿Como poner sombras o formas redondeadas a las capas?

Estas en el tema de ¿Como poner sombras o formas redondeadas a las capas? en el foro de CSS en Foros del Web. Buenas ¿es posible con CSS ponerle a una capa sombras? Por cierto he visto varias cajas que tienen lineas discontinuas, otras una linea recta, otras ...
  #1 (permalink)  
Antiguo 09/12/2003, 08:11
Avatar de kahlito
Colaborador
 
Fecha de Ingreso: marzo-2003
Ubicación: En el Estrecho y el mar
Mensajes: 2.893
Antigüedad: 14 años, 9 meses
Puntos: 60
¿Como poner sombras o formas redondeadas a las capas?

Buenas ¿es posible con CSS ponerle a una capa sombras?

Por cierto he visto varias cajas que tienen lineas discontinuas, otras una linea recta, otras curvas etc, como puedo cambiar eso o ponerlo en una capa?

Un saludo
  #2 (permalink)  
Antiguo 09/12/2003, 14:13
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.544
Antigüedad: 15 años, 8 meses
Puntos: 1262
Hola kahlito:

Lo de los bordes redondeados se hace con imágenes, un arco en cada esquina, y en el centro la imagen repetida plana del mismo color que los arcos...

Tengo un ejemplo en esta página: http://www.pepemolina.com/tablas/conBorde.html

Lo de las lineas discontínuas o dobles... etc son estilos de bordes... prueba con estos:

solid, double, inset, outset, ridge, dashed, dotted y groove.

se aplica con border-style y si es con un script con borderStyle (siempre en minúsculas, y si hay guiones eliminarlos capitalizando la letra siguiente)... ejemplo:
<div style="border-style: outset" onmouseover="this.style.borderStyle = 'inset'"
onmouseout="this.style.borderStyle = 'outset'">Mira el borde y fíjate en el efecto<br>al pasar sobre este texto el ratón...</div>

Saludos
  #3 (permalink)  
Antiguo 09/12/2003, 16:08
Avatar de kemie  
Fecha de Ingreso: junio-2003
Ubicación: estocolmo<-->mexico
Mensajes: 1.627
Antigüedad: 14 años, 5 meses
Puntos: 1
en una capa se puede hacer de una forma similar.
checa este tutorial:
http://www.redmelon.net/tstme/4corners/
__________________
::::::::::::::::::::::::::::: WebHostNinja | diseñorama.com::::::::::::::::::::::::::::::
  #4 (permalink)  
Antiguo 10/12/2003, 13:51
Avatar de kahlito
Colaborador
 
Fecha de Ingreso: marzo-2003
Ubicación: En el Estrecho y el mar
Mensajes: 2.893
Antigüedad: 14 años, 9 meses
Puntos: 60
Gracias a los dos por la ayuda

Caricatos me ha servido perfectamente tu explicación y el truquillo de la imagen con curvas , y lo de el sombreado y todo eso mejor lo he hecho con css es más facil y me pesa menos, muchas gracias

Kemie no me ha salido el ejemplo, por cierto ¿es algo de xml?

Un saludo amigos
  #5 (permalink)  
Antiguo 11/12/2003, 08:44
Avatar de kemie  
Fecha de Ingreso: junio-2003
Ubicación: estocolmo<-->mexico
Mensajes: 1.627
Antigüedad: 14 años, 5 meses
Puntos: 1
es XHTML,
__________________
::::::::::::::::::::::::::::: WebHostNinja | diseñorama.com::::::::::::::::::::::::::::::
  #6 (permalink)  
Antiguo 11/12/2003, 08:56
Avatar de kahlito
Colaborador
 
Fecha de Ingreso: marzo-2003
Ubicación: En el Estrecho y el mar
Mensajes: 2.893
Antigüedad: 14 años, 9 meses
Puntos: 60
Ok kemie, gracias

Un saludo
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 09:16.