May 18

Recomienda a tus lectores que no utilicen Internet Explorer

Como todos sabemos Internet Explorer se pasa por el forro las transparencias de los png’s y una parte importante de estilos CSS, como pueden ser el margin o padding, los cuales trata de manera diferente a como tendr铆a que ser.

Para estos errores de Internet Explorer hay cantidad de trucos(hacks) por la red para solucionarlo, y muchos de ellos buenos, pero si no te quieres complicar la vida y simplemente pasar de Internet Explorer al dise帽ar un sitio, siempre puedes mostrar un mensaje de advertencia a tus visitantes tal y como hago yo en mi blog si acced茅is a 茅l con IE.

Aviso internet explorer

Bueno pues hacer esto est谩n f谩cil como poner esto en tu header.php, entre las etiquetas de <head> y </head> .

<!--[if IE]>
<div id="firefox">
<strong>www.InKiLiNo.com 2.0 no se ve correctamente en Internet Explorer</strong>
<br/> Esto ocurre porque IE no respeta los est谩ndares de la <a href="http://www.w3c.es/" target="blank" >W3C.</a>
<br/>
<script type="text/javascript">
<!--
google_ad_client = "pub-7172193801972661";
google_ad_output = "textlink";
google_ad_format = "ref_text";
google_cpa_choice = "CAAQzar2_gEaCEiq9THxsm3SKOW14YcB";
google_ad_channel = "";
//--></script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>
<![endif]-->

y un estilo CSS en nuestro style.css

#firefox {
  position: absolute;
  right: 10px;
  top: 10px;
  width:300px;
  border: 2px solid #000;
  text-align: center;
  padding: 4px;
  background: #E7A109;
  font-size: 12px;
}

A continuaci贸n voy a explicaros un poco el c贸digo.

<!--[if IE]>

Con esto decimos que s贸lo se muestre el mensaje a los que visitan nuestro sitio con Internet Explorer.

<div id="firefox">

Aqu铆 le asignamos un identificador de estilo al mensaje, el cual editaremos posteriormente en el archivo style.css

<strong>www.InKiLiNo.com 2.0 no se ve correctamente en Internet Explorer</strong>
<br/> Esto ocurre porque IE no respeta los est谩ndares de la <a href="http://www.w3c.es/" target="blank" >W3C.</a>

A continuaci贸n ponemos el texto que queremos mostrar, se pueden incluir enlaces tal y como he hecho yo hacia W3C.

<script type="text/javascript">
<!--
google_ad_client = "pub-7172193801972661";
google_ad_output = "textlink";
google_ad_format = "ref_text";
google_cpa_choice = "CAAQzar2_gEaCEiq9THxsm3SKOW14YcB";
google_ad_channel = "";
//--></script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

Esto es lo m谩s divertido, porque gracias a las referencias de Google Adsense, podemos incluir un enlace de texto para que nuestros usuarios se descargen FireFox con la barra de Google y de paso nos den unos eurillos por cada descarga que hagan :P

</div>
<![endif]-->

Y al final y como es normal, cerramos las etiquetas.

Lo del estilo CSS lo dejo a vuestro gusto, ten茅is infinitas posibilidades.

Fresqui | Internet, Utilidades, Webdev | 34 comentarios » Subir



Entradas relacionadas


    Actualmente hay 34 Comentarios en “Recomienda a tus lectores que no utilicen Internet Explorer”
    separados por paginas:


    [2] 1 » Todos


    1. Gravatar

      InKiLiNo

      # 34

      De nada Kr105, y lo de identificar el explorador es un plugin, puedes ver toda la lista de mis plugins en http://www.inkilino.com/mis-plugins/

      Posiblemente te vaya bien leerte los 煤ltimos comentarios de esa p谩gina ;)

      Con Safari Safari 525.20 y Mac OS Mac OS X
      El Viernes 4 de Julio de 2008 a las 6:18
    2. Gravatar

      KR105

      # 33

      Muchas gracias por el tutorial.
      quisiera saber tambien como le haces para identificar el explorador y el sistema operativo ke utilizan los lectores de tu blog. lo que aparece al pie de los comentarios.

      Muchas gracias

    3. Gravatar

      Alexliam

      # 32

      Genial tuto, me ha servido y lo he implementado en mi blog.

      Monton de gracias :)

      Con Mozilla Firefox Mozilla Firefox 2.0.0.7 y Windows Windows XP
      El S谩bado 6 de Octubre de 2007 a las 19:46
    4. Gravatar

      Wakai - Texto s贸lo en IE

      # 31

      […] Actualizaci贸n: Ya est谩 puesto. Para ver el resultado entrar desde Internet Explorer. La verdad es que no queda nada mal Si alguien quiere saber c贸mo se hace, en Inkilino lo explican muy bien. […]

    Comentarios por paginas: [2] 1 » Todos



    (obligatorio)








  • Hosting para Blogs


  • soyNacho: A disfrutarlo!!! Una genial compra ke nos pone los dientes largos a muchos xD
  • yesi: Hola. Quiza no sea el lugar adecuado Pero quiciera haerles una preguna ya que estoy perdiendo la paciencia...
  • Tom谩s: Gracias Inkilino. De nuevo de pido ayuda, cosa que te agradecer茅 infinitamente. Mira, me he instalado Nokia...
  • InKiLiNo: @Tom谩s esos abonos lo vi yo en la web de Nokia, pero te recuerdo que son de pago.
  • InKiLiNo: @Matador, sino te arranca pueden ser muchas cosas, prueba a volver a poner todos los componentes uno a uno...



  • Feed




© 2008 — Blog dise帽ado por Dise帽o y Desarrollo Web, gestionado con WordPress 2.3.2 y hospedado en Blogsting — 35 consultas en 0.679 segundos. — Condiciones y Algunos derechos reservados