Foros del Web » Creando para Internet » CSS »

texto sombreado

Estas en el tema de texto sombreado en el foro de CSS en Foros del Web. Hola de nuevo a todos, estoy trabajando con un CSS2.1 que quiero validar, pero necesito ponerle a un texto, que se encuentra en un <span ...
  #1 (permalink)  
Antiguo 13/11/2006, 17:31
 
Fecha de Ingreso: julio-2006
Ubicación: Sevilla
Mensajes: 94
Antigüedad: 11 años, 5 meses
Puntos: 1
texto sombreado

Hola de nuevo a todos,
estoy trabajando con un CSS2.1 que quiero validar, pero
necesito ponerle a un texto, que se encuentra en un <span class="coloreado">,
una sombra color rojo.
La verdad es que he leido bastante acerca del tema, pero ninguna de las soluciones que he encontrado me han funcionado.
Si sirve de algo uso Firefox 1.5.0.8.

A alguien se le ocurre algo?

Gracias.
  #2 (permalink)  
Antiguo 14/11/2006, 17:40
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Con otra clase

Si puedes, haz que tu primera clase (coloreado) sea una caja de posicion relativa y posiciónala. Crea otro estilo con el mismo tipo de letra pero en el color de la sombra. Dale también posición relativa y desplázala hasta que quede justo debajo de la otra, en el sitio que haga el efecto de sombra:

Copia y pega tal cuál esto en un html a ver qué tal:

Código:
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type" />
  <title>Prueba</title>
  <style title="tu_hoja" type="text/css">
.coloreado { width: 140px;
height: 62px;
left: 143px;
position: relative;
font-size: 40px;
font-weight: bold;
display: block;
top: -13px;
}
.sombra { position: relative;
width: 140px;
height: 62px;
font-size: 40px;
color: rgb(255, 0, 0);
font-weight: bold;
left: 145px;
display: block;
top: 52px;
}
  </style>
</head>
<body>
<span class="sombra">TU TEXTO</span>
<span class="coloreado">TU TEXTO
</span>
</body>
Ya me dirás.
Mikel.
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 19:29.