Foros del Web » Creando para Internet » CSS »

efecto resplador como comentarios de taringa!

Estas en el tema de efecto resplador como comentarios de taringa! en el foro de CSS en Foros del Web. Alguien me podria ayudar quiero lograr hacer un efecto como este pero no estoy seguro que sea css o que miren: desde ya gracias por ...
  #1 (permalink)  
Antiguo 25/11/2010, 18:03
 
Fecha de Ingreso: diciembre-2009
Mensajes: 43
Antigüedad: 14 años, 4 meses
Puntos: 0
efecto resplador como comentarios de taringa!

Alguien me podria ayudar quiero lograr hacer un efecto como este pero no estoy seguro que sea css o que miren:



desde ya gracias por su tiempo!.
  #2 (permalink)  
Antiguo 25/11/2010, 19:37
Avatar de carlospc  
Fecha de Ingreso: noviembre-2008
Ubicación: Huancayo/Perú
Mensajes: 240
Antigüedad: 15 años, 5 meses
Puntos: 12
Respuesta: efecto resplador como comentarios de taringa!

Saludos...

Utiliza el text-shadow de la siguiente manera...

text-shadow: #fff 1px 1px 2px;

los parametros son en el siguiente orden: Color de la sombra; Coordenada horizontal, coordenada vertical, desenfoque de la sombra... a este ultimo si le pones cero se muestra una sombra solida... de uno a mas se desvanece segun el valor...

Ahora si te refieres a la sombra del marco... es una imagen diseñada...

Saludos...

Si te sirvio... aboname karma
__________________
Mi web --> www.CarlosPC.net
  #3 (permalink)  
Antiguo 25/11/2010, 20:01
 
Fecha de Ingreso: diciembre-2009
Mensajes: 43
Antigüedad: 14 años, 4 meses
Puntos: 0
Respuesta: efecto resplador como comentarios de taringa!

Cita:
Iniciado por carlospc Ver Mensaje
Saludos...

Utiliza el text-shadow de la siguiente manera...

text-shadow: #fff 1px 1px 2px;

los parametros son en el siguiente orden: Color de la sombra; Coordenada horizontal, coordenada vertical, desenfoque de la sombra... a este ultimo si le pones cero se muestra una sombra solida... de uno a mas se desvanece segun el valor...

Ahora si te refieres a la sombra del marco... es una imagen diseñada...

Saludos...

Si te sirvio... aboname karma
estoy dispuesto a abonar karma jaja pero el problema es que no funciona eso ya que solo aplica la propiedad al texto y no a la imagen.

es decir no logro el borde en la div como se ve en la iamgen si no al texto con esa propiedad.

la clase actual de mi div es esta

background:url(images/bg_title_comment.gif) repeat-x scroll left top transparent;
border-bottom:1px solid #B4B4B4;
font-size:11px;
height:14px;
overflow:hidden;
padding:6px;
width:450px;
color:#464646;
font-weight:bold;
text-shadow:0 1px 0 #CCCCCC;


donde images/bg_title_comment.gif es la imagen diseñada que vos decias arriva.

probe la propiedad esa pero solo me la aplico al texto dentro de la div.

quiero lograr la sombra celeste!.

Última edición por pod1221; 25/11/2010 a las 20:10
  #4 (permalink)  
Antiguo 25/11/2010, 20:17
Avatar de Dalvenjha  
Fecha de Ingreso: febrero-2008
Ubicación: $("#oficina");
Mensajes: 692
Antigüedad: 16 años, 1 mes
Puntos: 53
Respuesta: efecto resplador como comentarios de taringa!

No es text-shadow, es box-shadow...
__________________
Mi Showcase ||

Compartiendo todo lo posible con los demás.
  #5 (permalink)  
Antiguo 25/11/2010, 20:20
 
Fecha de Ingreso: diciembre-2009
Mensajes: 43
Antigüedad: 14 años, 4 meses
Puntos: 0
Respuesta: efecto resplador como comentarios de taringa!

Cita:
Iniciado por Dalvenjha Ver Mensaje
No es text-shadow, es box-shadow...
algun ejemplo de como usarla?.
  #6 (permalink)  
Antiguo 25/11/2010, 20:45
Avatar de carlospc  
Fecha de Ingreso: noviembre-2008
Ubicación: Huancayo/Perú
Mensajes: 240
Antigüedad: 15 años, 5 meses
Puntos: 12
Respuesta: efecto resplador como comentarios de taringa!

quizas esto te sirva...

#caja{
-moz-box-shadow: 0 0 5px #00f;
-webkit-box-shadow: 0 0 5px #00f;
box-shadow: 0 0 5px #00f;
background-color:#ccc;
}

Es especificamente para el acabado de taringa...

Mi karmaaa....??? jeje

Saludos...
__________________
Mi web --> www.CarlosPC.net
  #7 (permalink)  
Antiguo 25/11/2010, 23:42
Avatar de neysitc  
Fecha de Ingreso: noviembre-2010
Ubicación: alert('Peru')
Mensajes: 47
Antigüedad: 13 años, 4 meses
Puntos: 5
Respuesta: efecto resplador como comentarios de taringa!

Hola.
Con box-shadow Solo se verá en CHROME y FIREFOX-Ultimas versiones e IE 9, ya que es CSS 3

Yo lo haria con Photoshop, y logro compatibilidad con todos los navegadores.
Una vez creada la imagen con Photoshop , con css le acomodo como Fondo!!

Saludos!!
  #8 (permalink)  
Antiguo 26/11/2010, 18:50
 
Fecha de Ingreso: diciembre-2009
Mensajes: 43
Antigüedad: 14 años, 4 meses
Puntos: 0
Respuesta: efecto resplador como comentarios de taringa!

ya les añadi karma a todos gracias por la ayuda!:..

Etiquetas: comentarios, efecto
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:12.