Sombras en los textos también para Internet Explorer

10 de octubre de 2009 22 comentarios ,
Hace unos días veíamos cómo poner un efecto de sombras en los títulos de las entradas, y ahí mencionaba que ese efecto no es compatible para Internet Explorer.
José GDF preguntaba si Internet Explorer soportaba esta propiedad y apresuradamente dije que no (error mío).
Platicando con un amigo surgió el tema de los textos sombreados y me comentó que aunque no se puede un efecto tal como se ve en Mozilla Firefox, sí se puede usar un "shadow" para lograr una sombra en los textos compatible con Internet Explorer.

text-shadow ff
text-shadow ie
Así que vamos a añadir una propiedad al código anterior para que este efecto de sombras en los títulos también pueda verse en Internet Explorer. Lo que agregaremos será esto:
filter: Shadow(Color=#999999, Direction=135, Strength=5);
height: 1%;

De modo que deberá quedar así:
.post-title {
text-shadow: #6374AB 10px -10px 3px;
filter: Shadow(Color=#999999, Direction=135, Strength=5);
height: 1%;
}

Y listo, no se verá igual pero habremos conseguido un efecto de sombras en el texto que se podrá visualizar en todos los navegadores.


NOTA: Si no aperece el efecto en los títulos, prueba poner el código debajo de .post h3 {


22 comentarios en:

" Sombras en los textos también para Internet Explorer "

  1. Don Potro muchas gracias, mis seguidores no usan explorer pero lo puse por si algun perdido con explorer entra a mi blog, quedo perfecto, mil gracias a ti y a tu amigo que te paso el tip. Abrazos!!!

    ResponderEliminar
  2. Hola cutexmas,

    Lamentablemente no podemos pensar sólo en un navegador, así que siempre hay que trabajar para la mayoría de los navegadores, o los más usados.

    Un abrazo!

    ResponderEliminar
  3. Hola Hola

    un favor entrando aqui http://dwbmexico.blogspot.com/2009/08/modificar-datos.html coloca los datos que le faltan a tu web en mi directorio
    LA DESCRIPCIÓN, EL URL DEL TWITTER OK

    GRACIAS

    ResponderEliminar
  4. Hola El Potro!!
    Pues nada, pasando por aqui me he encontrado con este truco. Queda muy bien!!
    Saludos!!!!

    ResponderEliminar
  5. Hola La Trucoteca, qué gusto verte por acá. Sí que queda bien este truco, sobre todo sobre fondos oscuros.
    Saludos y gracias por tu visita.

    ResponderEliminar
  6. Gracias por nombrarme... Y por darme la solución al problema de las sombras en Internet Explorer. Mi nueva plantilla ya es casi compatible en casi todos los aspectos en casi todos los navegadores. Una de las cosas que me faltaba era que las sombras de los títulos de los posts se vieran en ese navegador.

    Ya te avisaré cuando estrene la nueva plantilla, estarás en mi lista de blogs de ayuda que han colaborado para realizarla.

    Un cordial saludo, Potro.

    ResponderEliminar
  7. Hola José GDF,

    Qué complicado es poder satisfacer a todos los navegadores, pero qué bueno que lo estás logrando. Estaré al pendiente para cuando estrenes la nueva plantilla.

    Saludos.

    ResponderEliminar
  8. si que si, ahora se ve perfecto en los dos navegadores, gracias y abrazos!!!

    ResponderEliminar
  9. Me alegra que te haya sido útil. Saludos.

    ResponderEliminar
  10. Permite que te corrija Cutexmas, no es "Don Potro", es "San Potro" jajajajaja... es el Dios de Blogger!!!!!

    Un abrazo!!!

    ResponderEliminar
  11. Jajaja, no, no, no, eso es demasiado, ni a ministro Blogger me acerco, pero prenderé mis velitas para que me ilumine con los códigos y me dé la gracia de entenderlos, jaja.

    Un abrazo!

    ResponderEliminar
  12. "ministro Blogger" jajajajajajajajajajajja.... ya extrañaba reírme tanto con tus comentarios!!!!!


    Un abrazo!!!!

    ResponderEliminar
  13. Hola que tal potro saludos ,no sabia si poner esta duda aqui,pero es un problemilla de navegadores y cada vez estoy mas convencido que es mejor el firefox,pues mira potro el problema se suscita especialmente con el explorer ,pues entre a mi blog en el explorer ,y tambien en firefox entre a mi blog y hay una diferencia enorme ,internet explorer parece no haber entendido los protocolos de cambio en la plantilla o se desestabilizo,no se ,pero se ve horrible mi blog en el internet explorer,Potro de nuevo te pido ayuda porfavor ,no se si haya un codigo para poder hacer que explorer muestre bien el blog,o tenga que editar unos codigo ,o ya de plano tenga que hacer un nuevo blog para los usuarios de ese navegador ya ,que lo usan mas que mozilla.

    Espero que me puedas ayudar potro ,de nuevo gracias y saludos .

    ResponderEliminar
  14. Pues no sabría decirte, algunas veces hay ciertos desajustes que se pueden arreglar pero no todos. Me parece que la opción más viable (y que te dará menos dolor de cabeza) es buscar una plantilla que sea compatible con todos los navegadores.
    De cualquier modo debes considerar que es "normal" o más bien, es común que eso haya sus diferencias entre todos los navegadores.


    Saludos.

    ResponderEliminar
  15. Gracias!! me vino muy bien porque tengo unos conocidos que usan el IE y no me salian sombreados los textos, je je
    Patricia

    ResponderEliminar
  16. Habrá que convencerlos para que se cambien de navegador :P

    ResponderEliminar
  17. Y si quisiera poner sombra a los textos de las entradas?

    ResponderEliminar
  18. Igual, sólo que en vez de .post-title { pondrías .post-body {

    ResponderEliminar
  19. Gracias Potro, pero este codigo seria para todo el blog ¿no?

    ResponderEliminar
  20. Sólo para los títulos de las entradas.

    ResponderEliminar
  21. ahhh, encontre una forma de ponerlo en gadchet html, con un style, y funciona.

    Gracias potro

    ResponderEliminar

Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.

 
Ir Arriba Ir Abajo
I Ciudad Blogger