Como hacer esto con css

[mark_ant0n]

Tengo la siguiente duda como hacer esto con css, me refiero al efecto en el undido del texto, gracias, por su valiosa ayuda

Que sea compatible con ie 6.0,mozila y demas, e estado investigando pero veo que text-shadow no es compatible todavia con ie, con mozila si pero hay que utilizar el propio estandar de mozila, saludos y gracias

[hades87]

Pues lo único viable es utilizar imágenes o alguna técnica quizás con javascript

[Distriker]

Buscando un poco por la Web (exactamente Google) pues encontré un artículo de Desarrollo Web bastante bueno, lo podrías mirar en esta dirección.

Si lo leemos, sabremos que el atributo inset crea el relieve, leamos lo que dice del border inset:

Iniciado por Desarrollo Web

Borde inset (relieve hacia dentro):
Crea un borde con una imitación de biselado, como si estuviera hundido. El efecto de este borde se ve mejor si el elemento que está bordeando tiene un color de fondo parecido al color de borde.

¿Lo que usted desea verdad? Para estar mas seguro mirese esta lista de ejemplos.

El codigo es bien sencillo, solo hay que agregarle inset a tu border, mira:

Código CSS:

.prueba {
border: 10px inset ;
}
 

¿Sencillo verdad?

Suerte

Saludos

[jomaruro]

Hola:

Distriker, creo lo que necesita MarkAnt0n es la sombra de las letras no el borde del recuadro, pero igual me equivoco.

Saludos.

[Distriker]

Pues si fuese eso, entonces ya me he quedado en blanco, aunque se podría buscar en Google. De todas formas, si eso, la forma mas sencilla pienso que es la de Hades.

Saludos

[mark_ant0n]

gracias comunidd por contstar, fue una largas vacacines estoy de vuelta, pues si lo que quiero es la sombra del texto sin utilizar los filtro de ie gracias por su ayuda

[ChuckyScript]

Hola :)
Bueno en mi opinion, se me haria mas facil pasar el texto a un editor de imagenes como GIMP, y colocar sombra al texto :D Creo que es una solucion rapida y efectiva despues de todo, si no carga la imagen tenemos el atributo alt=""
Espero te sirva es una posible solucion, lo que muestras tiene pinta de imagen jeje bueno eso me parece

[loncho_rojas]

Prueba con esto:

CSS

@charset "utf-8";
/* CSS Document */

.texto {
margin-top:-24px;
color:#FF6600;
font-size:20px;
font-family:Verdana;
}
.sombra {
margin-top:2px;
margin-left:2px;
color:#999999;
font-size:20px;
font-family:Verdana;
z-index:1;
}

HTML

<DIV ALIGN="CENTER" CLASS="sombra">Prueba de texto sombreado</DIV>
<DIV ALIGN="CENTER" CLASS="texto">Prueba de texto sombreado</DIV>

[mark_ant0n]

gracias loncho_rojas, es una buena alternativa, gracias, al parecer no hay otra mas buena, estuve investigando, aprovechando, una duda, utilizar los filtros para ie 6.0, es ir en contra de las reglas de css de w3c¿?

[loncho_rojas]

Todo lo que tenga que ver con filtros (por lo general), intenta romper el funcionamiento normal de los navegadores.. es decir, que los navegadores estan preparados para recibir ciertos codigos e interpretarlos, y por lo general, los filtros de los que hablas crean "cierto engaño" (por llamarlo de alguna forma) para que el explorador lea BURRITOS en lugar de TACOS... por eso estoy en un 99,9% que los filtros infringen alguna regla de la 3W.

Ese 0,1% indica que no soy dueño de la razon, o tal vez no estamos hablando de lo mismo.

De todas formas, no se porque preocuparse por el IE 6.0... es como querer diseñar para NETSCAPE 1.0... creo que dentro de un tiempo quedara obsoleto.

[mark_ant0n]

gracias locho_rojas, si creo tambien que en poco tiempo quedara obsoleto, jajaja, lo unico para lo que sirve ie 6.0 es para bajar firefox, saludos

[ChuckyScript]

Iniciado por mark_ant0n

gracias locho_rojas, si creo tambien que en poco tiempo quedara obsoleto, jajaja, lo unico para lo que sirve ie 6.0 es para bajar firefox, saludos

Y para dañarte el dia jaja Eso mientras win xp siga vivo...

[masterojitos]

hize este codigo aver que tal te va

Código HTML:

<div style="width:200px;height:50px;background:#999999;position:relative"><br />
    <div style="color:#ffffff;font-weight:bold;font-size:16px;position:absolute;left:19px;top:17px;">20 Videos Musicales 3</div>
    <div style="color:#000000;font-weight:bold;font-size:16px;position:absolute;left:20px;top:15px;">20 Videos Musicales 3</div>
</div>
 

Suerte.

[mark_ant0n]

gracias masterojitos, si solo modifique el top: a 16 para que sea menos la distancia, gracias y saludos

[mark_ant0n]

Iniciado por ChuckyScript

Hola :)
Bueno en mi opinion, se me haria mas facil pasar el texto a un editor de imagenes como GIMP, y colocar sombra al texto :D Creo que es una solucion rapida y efectiva despues de todo, si no carga la imagen tenemos el atributo alt=""
Espero te sirva es una posible solucion, lo que muestras tiene pinta de imagen jeje bueno eso me parece

Lo que pasa es que el texto se genera dinamicamente algo como esto

Código PHP:

echo"<div class='titulo'>".$titulo."</div>";
 

gracias y saludos