59

Detectar el navegador de tus visitas con CSS

Este truco está basado en una de las características de IExplorer ya que este navegador interpreta los comentarios precedidos de doble barra, por lo que cualquier cosa seguida por // lo entenderá como parte del código.
He construido unas líneas de CSS para que cuando un usuario del blog llegue a nuestra página usando IExplorer, se muestre un mensaje que le dice que está usando IE, animándole además a cambiarse a Firefox. Si nuestra visita no está usando IExplorer, mostrará un mensaje distinto que le felicitará por su decisión de no usar IExplorer.
Por descontado que respeto a todas mis visitas por igual, usen un navegador u otro, esto no es más que un ejemplo para que se entienda el funcionamiento.

Este es el código CSS, donde podemos hacer las modificaciones que estimemos oportunas, color de fondo, del borde, tamaño del mensaje, margenes, etc.
Recordad que todo lo que esté precedido por la doble barra (//) será interpretado por IExplorer.

#otros, #paraie{
margin: auto;
margin-top: 20px;
width: 450px;
padding: 0 0 0 20px;
background-color: #efeff7;
border: 1px solid #a6c4e1;
//background-color: #ffffcc;
//border: 1px solid #cc0000;
}

#otros{
//display: none;
}

#paraie{
display: none;
//display: block;
}

Y esto es lo que colocaremos en el elemento HTMLJavascript o donde queramos mostrar el efecto. Dentro de las etiquetas div's se puede poner cualquier cosa que se desee mostrar(imagen, texto, publicidad), yo he añadido unos iconos que obtuve en Iconlet y un enlace para descargar Firefox:
<div id="otros"> Tu no estas utilizando Internet Explorer.... ¡Bien por ti!.... <img src="http://img99.imageshack.us/img99/3091/facewinkwo5.png"/></div>
<div id="paraie"> Tu estas utilizando Internet Explorer....¡Mejor con Firefox!.... <a href="http://www.difundefirefox.com/descargar-mozilla-firefox-gratis"><img src="http://img99.imageshack.us/img99/313/firefoxsd7.png"/></a></div>

Con IExplorer:

Con IE
Con otro navegador:

Con otros navegadores

Entradas Relacionadas:

59 comentarios:


Anónimo

Esto está bastante simpático, voy a ver si lo implemento.

Turko

Como siempre con buenas ideas Rosa. Aparte soy oficialmente anti-IE. Y me parece muy bien la idea de difundir como sea a Firefox. :p

Opcionez

Anónimo

Pero ¿por qué hacer esto? ¡que sucio! esto me parece totalmente falta de ética que lo digas. ¿Animándole además a cambiarse a Firefox? ¿por quéeeee? es incomprensible una propaganda tan baja. Seguro te pagan por hacer esto, no hay de otra.

Increible, que feo que esto suceda.

Ya se lo que vasw a contestar porque erews enojona cuando no te gusta lo que te dicen. Pero realmente que triste que existan estas cosas, propagandas baratas.

Explorer y Firefox son buenos los dos, porque enjsuciar a uno en favor del otro. Ojalá el dinero que te dan por esto, te aproveche. Ginero ganada de forma baja, no rinde. Te lo aseguro.

Anónimo

Pero ¿por qué hacer esto? ¡que sucio! esto me parece totalmente falta de ética que lo digas. ¿Animándole además a cambiarse a Firefox? ¿¡¡por quéeeee!!? es incomprensible una propaganda tan baja. Seguro te pagan por hacer esto, no hay de otra.

Increible, que feo que esto suceda.

Ya se lo que vas a contestar porque eres enojona cuando no te gusta lo que se te dice. Pero realmente que triste que existan estas cosas, propagandas baratas.

Explorer y Firefox son buenos los dos, porque ensuciar a uno en favor del otro o viceversa. Ojalá el dinero que te dan por esto, te aproveche. Dinero ganado de forma baja, no rinde. Te lo aseguro.

Anónimo

Blog sin ética, no creo que tenga que ver con dinero, de hecho para nada tiene que ver con eso.

¿Acaso nunca haz recomendado algo en lugar de otra cosa?

Cada quien es libre de elegir que navegador usar, y cada quien es libre de recomendar el navegador que le parezca mejor, y opinar de otro con los que personalmente he tenido malas experiencias últimamente: IE

admin

Orale esta chido esto, hace tiempo hice uno parecido pero no me di tiempo de ponerle Css, solo hice para que identificara :D

Anónimo

tcj, es solo un ejemplo de lo que puede hacerse "engañando" a los navegadores, pero puede usarse para muchas cosas...si, yo también creo que el ejemplo está simpático.

Anónimo

Opcionez, tampoco a mi me gusta IE, a menudo me/nos hace trabajar el doble para conseguir adaptar el blog a sus "caprichos".

Anónimo

Blog sin ética, ¿es que acaso estoy diciendo que el ejemplo se implemente tal cual está?
Seguro que hay gente que va a usarlo al revés, de hecho, solo habría que cambiar unas palabritas por otras para mostrar un "tu estás utilizando IE, ¡bien por ti! o lo que sea.
Lo único que intento mostrar es como podemos hacer para mostrar dos cosas distintas en distintos navegadores, podría ser una imagen con o sin borde dependiendo del navegador, un texto en un color u otro...en fin, lo que sea.
Y si bien dinero no saco, recomendar cualquier otro navegador antes que IE lo haría (como lo he hecho más veces) mil veces más, mientras IE no respete los standares web, no esperes que diga nada a su favor.
¡Gracias!

Anónimo

Opcionez, así es, cada cual tiene su opinión y la expresa libremente. Como tu bien dices, no se trata de dinero, no gano nada con ello, simplemente me limito a recomendar lo que creo mejor para todos. Que yo sepa no estoy obligando a nadie a cambiarse, entre otras cosas porque aunque pudiese, jamás lo haría.
¡Gracias por tus palabras!

Anónimo

studioconjunto, gracias y suerte!

Anónimo

Hola!
Estan buenos los truquitos, pero tb podes ponerlos en otro css exclusivo para IE, asi mantenes mas limpio tu css principal. Para esto podes usar comentarios condicionales q solo los lee el IE.

Para los que critican, esta muy bien que se recomiende otro navegador ya que IE no respeta los standares web que estan aceptados de manera internacional, por esto los desarrolladores generalemente tiene q hacer 2 paginas una para el IE y otra para el resto de los nacegadores..... Ya es hora q M$ entienda que hay q respetar las normas!!!!!!!!

Saludos
Vid
---------------
Portaldevinos.com para saber todo sobre Vino tinto

Anónimo

Vid, así es, pero siempre pensando en los más "novatillos" lo mejor es no complicar la cosa demasiado...:-)

En lo del IE, totalmente de acuerdo, cuando el trabaje bien, yo lo recomendaré, je,je.

isla_errante

hola he venido a "la niña de tus ojos"
ya se ha acabado las votaciones en Elecciones virtuales y hay regalos para tod@s cuanto puedas si quieres recoges el regalito.
besos y se feliz

Anónimo

Jajaja, venía leyendo los comentarios y me he reido bastante... A mí si que me gusta el truco por 2 motivos: primero porque soy un animal de costumbre y uso más el explorer que el firefox y no está mal que me lo recuerden, jaja..
Y el segundo es porque mi blog se ve mejor en Firefox... jajaja
La verdad es que Firefox recién lo estoy descubriendo y aunque vos ya sabés que cómo soy - Bestiaaa- lo encuentro más dinámico y personalizable...
Gracias Rosa, por una idea más...
Te deseo un excelente fin de semana y te mando mil besotes

Anónimo

Isla_errante ¡cuanto bueno por aquí!

Ya vi el regalito que dices, aunque no se si me lo merezco, la verdad, porque participar poco...en fin, lo luciré en cabreada con orgullo, y en las próximas elecciones espero no estar tan liada XD.

Anónimo

Gaby, un beso y feliz fin de semana a ti tambien!

adminsabino

Yo cambié a Firefox por que me lo recomendaste, y no sabes lo que te lo agradezco..
Tus cabreos han descendido considerablemente, cabreate un poco mas, aunque solo para leerte :)
Feliz jornada electoral.
Un abrazo.

Anónimo

Opziones, aparte de que a ti no te hablo, el mensaje va dirigido a Rosa que es a quien le pagan por publicitar Firefox, no a ti.

Voy de acuerdo que cada quien es libre de usar lo que le venga en gana, pero APRENDE A LEER, ESTE NO ES EL TEMA: el tema es que es sucio publicitar una cosa menospreciando a otra. Si se dijera: "Use Firefox, es excelente", y bla, bla, bla, perfecto. Pero eso de decir "Es mejor tal que cual", se me hace muy falta total de ética y respeto.

Es como si dijera: "No vayas al blog de Rosa, no sirve. Ve al Blog de fulana o fulano", cada quien tendria opción de hacer lo que quisiera, por supuesto, pero la acción seria MUY BAJA.

Espero quede clarito.

Anónimo

¿Qué no ganas con recomendar, Firefox, Rosa??? o-0 ¡por supuesto que si!! y lo voy a demostrar :-)

Y que bueno que hoy dices "jajaja", porque vaya que haces berrinche cuando se te dice la verdad.

BeTina

Rosa!! gracias por tu visita a mis sabores!! ya me he subscrito a tus actualizaciones vía mail, para recibir en mi correo todas tus novedades y estar al tanto.
Con respecto a esos comentarios que te han dejado...solamente para discrepar y en mal término, te doy mi opinión... todo lo que vemos es el reflejo de lo que tenemos dentro y si mal entendieron tu post o lo distorsionaron, atribuyendo razones de propaganda para cobrar dinero, es porque en ellos está ese animo y es lo que los mueve. Ya sabemos que somos espejos y vemos en el otro precisamente lo que somos. Es evidente tu ayuda desinteresada en todos tus post, siempre brindándote desinteresadamente y con el sólo objetivo de compartir. Quien no lo entiende así es un necio o simplemente escribe un comentario por el simple hecho de crear polémica porque no tiene otra cosa para hacer de su vida. Para algunos, es preferible crear polémica y ser protagonista de alguna manera antes de afrontar su soledad. Lamentablemente es así.
Además, es innegable, a esta altura, la superioridad de firefox, al menos en lo ´práctico, resulta mucho más aplicable. Eso ya se cae de maduro y quien no lo acepte es porque carece de experiencia en este terreno.
Bueno... no me extiendo más. te dejo mis saludos y mi gratitud. Valoro tu tarea, para mi excelente.
Desde el bosque mar!!BeT

BeTina

Otro detalle... por lo general este tipo de personalidades ( que son típicas y arquetípicas) actúan desde el anonimato, o poniendo un nick que carece de todo tipo de identificación...´precisamente porque no son nadie ;-) solo cobardes que se esconden hasta de ellos mismos. ¡¡Pobres seres...!!
Salu2!!
BeT

Anónimo

Adminsabino, me alegro que te vaya tan bien con mi recomendación.
¡Un abrazo!

Anónimo

Bet del mar, podría decirse más alto pero seguro que no más claro.
¡Gracias!

Anónimo

Blog sin ética, por eso hoy no estoy haciendo berrinche, como tu dices, porque no leo a nadie que me esté diciendo ninguna verdad.

La próxima vez no te escudes en el anonimato y debatiré contigo sobre lo que quieras, mientras tanto ¡tema zanjado!, no voy a molestarme en contestar "al aire".

Que tengas un buen fin de semana.

Mary

Hola Rosa
Creo que tienes razon, IE te hace trabajar el doble, pero por mis razones, tengo que hacerlo, pero no te preocupes, yo me las juego.
Creo que la gente aqui esta haciendo una tormenta en un vaso de agua. Ya he probado mi blog con Firefox y me ha ido muy bien, planeo en unos meses cambiarme a Firefox jiji

Hablando de otra cosa, eso que pusiste de eres nuevo en el escaparate...?
Lo hiciste de un elemento de pagina o como, si es mucha explicacion, no te compliques, puedes escribirlo.
Tratando de no ofender, ya me voy,
Te quiere,
Samantha

Anónimo

Samantha, no vuelvas a decir "tratando de no ofender" ¡por Dios!...¿como vas a ofender por hacer una pregunta o dar una opinión? :-)

¿Te has fijado en el nuevo elemento eh? y eso que lo he puesto para que solo salga en las páginas de etiquetas (en la principal no sale), eso me gusta, eres observadora ;-)

Si no te importa esperar un par de días, tengo pensado hacer una entrada sobre el tema, ya que me gustaría completarla para explicar como podemos modificar el aspecto, imagen de fondo y todo eso...

¡Prometo dedicarte la entrada! ;-)
¡Un abrazo!

Mary

No me he ido, respondiendo a las eticas de blog sin etica:
Rosa solo quiere ayudar, lo hace por su voluntad, no por dinero (sin animo de lucro dirian otros)
Ademas si ella lo recomienda es por algo, vas a recomendar, que, popo de elefante por que te arregla el pelo y si no es asi, vas a recomendarlo?
Muchas personas han reaccionado positivo con firefox, si muchas personas les sirve, estara comprobado que es bueno.
No hago esto por que defiendo a Rosa, es la realidad
Resaumiendo: una tormenta en un post, no pueden decir, wow, me gusta la idea, en vez de armar tremendo escandalo
Bueno, talvez me vaya, talvez no,
Samantha

Mary

Gracias Rosa, no lo habia visto, estaba haciendo el comentario anterior jiji
Gracias por tomarte tu tiempo
Samantha

Anónimo

Holas !! querida amiga ojala me leas y me puedas ayudar, antes felicitarte por tu increible blog.

Pues mira lo que pasa es que mi blog se ve normal pero al momento de ir al modo personalizar y picar en la pestaña diseño solo logro visualizar una sola columna que llena todos los espacios ( mi blog es de tres columnas) es decir todo lo demas ya no aparece asi que ya no puedo hacer cambios en esas dos columnas digamos poner imagenes o cambiar los videos de humor.

Para que te hagas una idea aqui te dejo mi blog si lo miras se ve normal, el problema es adentro la columna donde estan los temas enigmas y parte de los temas diseños ya no se ve.

http://marcoescobedo3.blogspot.com/

Asi es como se ve por dentro

http://img512.imageshack.us/img512/6341/problemablogxo5.jpg

Si me puede ayudar te lo agradeceria muchisimo.

Bueno disculpa las molestias pero como comprenderas estoy casi inmovilazado con el blog. Muchas gracias :)

La Blogueria

Me gusta; había visto por ahí la posibilidad de decirle al lector qué navegador usaba pero, evidentemente, me dejaba bastante fría, pues no sé que sentido puede tener... Pero esto permite RECORDAR (que no imponer) que IE deja mucho que desear en cuanto a adecuación a los estándares (lo cual ES UN HECHO y no una maligna apreciación de Rosa) y que, mejor que matarnos a hackearlo todo para que funcione en IE, mejor sería obligarles a ponerse las pilas como deben, o morir en el intento a favor de navegadores más amables.

Rosa te felicito por la creativa idea. También, quería preguntarte, qué tengo que hacer yo para que Firefox me llene de oro como a ti :O ya que, como observadora objetiva y manifestante subjetiva de mi opinión en mi blog que para eso lo tengo, también considero que usar Firefox es mejor... y no me importaría nada lucrarme con ello! ;D

La Blogueria

Rosa, ahí lo implementé, con una variante: no aparece nada cuando usas otro navegador, sólo el mensaje de "mejor con Firefox" si navegas con IE.

¡Gracias!

Antony

Hola! Muy buena tu idea, me encanto...

Lss Rutas de Angelica

Hay mujeres cuya sola
presencia anima y vivifica
lo que la rodea. Su razón es
que están llenas de vitalidad
y de sencillez, son naturales
y fuertes como el agua,
tienen el tacto de consentir
que junto a ellas los demás
expresen su personalidad.

Juan Antonio de Zunzunegui.

.:*Feliz Día Amiga querida*:.

queer-Bitch.

hola!!
soy de Chile..
debo confesar ke fue un poco estresante para mi poder entender la forma de tu blog..
eres increíble..
está lleno de accesorios, miles de cosas bacanosas..
pero a ratos me superó...

ojalá ke sigas progresando así y enseñando a tantas personas a usar y aplicar cosas a sus blogs..

abrazos..
saludos.
http://losmejores30minutos.blogspot.com/

io me sentía toda feliz por haber podido agregar unas cosas tan chicas a mi blog..
ke pekeña me siento al lado de tus super-avances..

en fin.

tau**

queer-Bitch.

ke increible ke io no sepa hacer ninguna de las cosas ke comentan arribita..
ke latake haya gente ke no sea capaz de darse cuenta ke una opiniñon-cecomendación no tiene nada de malo..
io tb uso firefox...porke me permite hacer más cosas..

IE algunas páginas bien chantitas te obligan a usarlo porke no son compatibles o no sé ké con firefox.. (sobre todo las del gobierno...)

en fin..

saludos y sólo decir ke está bacán tu espacio..

Gem@

Feliz Día Rosa, y gracias por el detalle. Eres genial ;)

Anónimo

Rosa: ¡Feliz día de la Mujer!
Felicidades... Besotes

Unknown

Rosi hola cariño!!!, Feliz día!!! en
http://gracielaroth.blogspot.com/2008/03/juguecito-de-baby-soler.html
tienes una especie de premio-abrazo. Mis besos para tí.

Anónimo

queer-Bitch. gracias por tus palabras.
Y no te sientas pequeña mujer, solo se trata de paciencia y prueba que te prueba, verás como vas consiguiendo dominar lo que ahora te parece "tan grande". ;-)

Anónimo

Gem@ Tu también lo eres.
¡Un abrazo!

Gaby ¡Feliz día a ti también! Gracias por acordarte de mi. ¡Besotes!

Graciela la verdad es que ya lo había visto ;-) pero ni tiempo a "recoger" sorpresas tengo...esta tarde lo hago. ¡Y muchísimas gracias por el detalle!

¡Besotes!

Anónimo

Marco, tu plantilla es un diseño de Blogcrowds y así es como debe de verse en la parte de diseño, ya que el sistema que usa es así, en esa parte se verán los elementos "expandidos" a lo largo, debajo las entradas y debajo de ellas los elementos de la otra columna también expandidos.

El problema de que no veas parte de ellos, es de Blogger, está pasando en muchos blogs, incluido el mio, una solución mientras lo arreglan, es usar las barras de dirección del teclado, la rueda del ratón o ctrl con - para disminuir el tamaño de la página y lograr que se vea completo.
Esa plantilla la he usado en alguna ocasión y a pesar de verse así "en su parte trasera" funciona muy bien.

Anónimo

[Tono irónico ON]
La Bloguería, no tienes que hacer nada, tu sigue recomendando Firefox y sus creadores como son tan buenos y desprendidos, te mandan un cheque al portador con un montón de ceros.
Ah, y no te preocupes por la dirección, porque además de unas "almas agradecidas" son unos superdetectives del copón, asi que hija, sigue así y "túmbate al sol" que ellos se encargan de todo. :-)

Anónimo

Antony, gracias! :-)

Anónimo

Hola Rosa, no has debido ver mi consulta esta en tu post http://elescaparatederosa.blogspot.com/2008/01/aadir-tres-columnas-en-la-seccin-del.html. Perdona por este comentario que no tiene que ver con el post. Mil gracias.

Anónimo

Fernando si que lo había visto, pero has de tener un poco de paciencia, tengo varias plantillas para revisar y, además, anoche Blogger estuvo caído casi dos horas, justo cuando yo intentaba trabajar así que ando retrasada.

Anónimo

Perdona, como otras veces me contestabas rapido pense que no lo habias visto, siendo asi cuando puedas (que no es de vida o muerte)me contestas. Te estoy muy agradecido y disculpas por dudar (no volvera a pasar)jejeje.

Opinador Lenguaraz

¡Hola Rosa!
Espero que hayas pasado unas estupendas vacaciones. ¡Lástima que se acaban, ¿verdad?
Me alegra que estés de vuelta porque a los torpedos o "novatillos" como yo nos sirve de mucha ayuda lo que tú escribes, por ello me suscribí por mail.
Pero también entro para buscar otras cosillas.
En particular esta de recomendar el Firefox me ha encantado, y no encuentro motivo par que te hayan lanzado unos comentarios como los que han hecho, allá cada uno con su conciencia...
Sinceramente, me gustaría poner ese código, pero no sé exactamente detrás de donde copiar el código CSS que has puesto en el código html, y antes de cometer un error que me destroce el blog prefiero consultártelo, je, je.
Espero que me respondas, y enhorabuena por tu trabajo y tu estupendo blog.
Muchísimas gracias de antemano.
Saludos.

Anónimo

Opinador Lenguaraz, cualquier código de CSS ha de estar siempre antes de ]]></b:skin>

Gracias por tus palabras ;-)

Opinador Lenguaraz

Muchas gracias Rosa, tu tiempo de respuesta es inferior al del FBI, jajaja.
¡A probarlo!
De verdad, gracias.
Mil besos.

Victor

Hola de nuevooo. queria saber como puedo hacer pare que en mi blog yo le de a un boton y salga otra pagina que es mia como tienes tu con lo de arriba, porfaaa graciass

Anónimo

Victor, eso es mediante un menu, miras arriba y donde pone menus hay varios.

Si solo es para poner un enlace con texto o imagen, puedes verlo arriba en "Links" .

Casi todas esas cosas básicas las encuentras usando el menú de arriba...yo no tengo mucho tiempo y no puedo buscar por ti.

Otra cosa es que al hacer alguna cosa en concreto tengas un problema o una duda.

+*Gemma*+

Hola Rosa, totalmente de acuerdo con todas las opiniones en contra de IE, yo a veces introduzco cambios en mi plantilla, y funcionan en todos los navegadores,menos en IE, como ahora, que me marca un error fatal, de esos, y se cierra :S....me tiene negra, pke funciona bien con todos, mi blog, menos con IE :(....cómo podría solucionarlo?

Anónimo

Gemma, ni idea chica. Podría ser cualquier cosa que hayas añadido y que a IE no le guste...
Si recuerdas desde cuando pasa más o menos, intenta retirar lo que colocaste después a ver si das con ello...la verdad que no veo nada "especialmente raro" que pueda hacer eso...
Otras veces, llego al blog y ya digo, uys es este gadget o esta entrada...en tu caso no veo nada que me de la impresión que pueda estar haciendo eso...

Anónimo

Creí conveniente avisarte que este truco no funciona con Internet Explorer, pero es posible elaborar uno que sí lo haga por medio de los condicionales. Yo hice uno así, pero mejor no dejo el enlace para no hacer spam.

Anónimo

manueldelafuente.com Funciona perfectamente en IE, aún está implementado en el blog donde lo probé sin problemas...
Se que puede hacerse de varias formas, pero en este caso explico la del CSS.
Gracias.

Play

Hola rosa gracias, pero vi algo en una web que cuando utilizaba IE me salea el mensaje de utilizar Firefox y cuando navego con firefox me dice gracias por utilizar Firefox, hay forma de reconocer el navegar, por que este solo diferencia entre otros y IE.

Anónimo

cargohe Supongo que la hay, ya que al menos si hay servicios online que proporcionan un código para eso, aunque yo ahora mismo no tengo nada de eso... lo miraré.

Prof. Cristian E. Moyano

este truco css no funciona en el ultimo IE :(

Publicar un comentario

Si vas a dejar una consulta, procura tener habilitado tu perfil en Blogger o deja la url del blog a revisar (no enlace).

Los comentarios están siendo moderados.

:) :(( :( :P :D :$ ;) :I :X :O |O :S