Blog personal de InKiLiNo


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.

También te puede interesar leer:


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


    [4] 3 2 1 » Mostrar 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
Comentarios por paginas: [4] 3 2 1 » Mostrar todos


(obligatorio)





InKiLiNo.com feed feed Del.icio.us Technorati feed Twitter FlickR Youtube


  • CSSBlog: A mi me pareció bonito el partido.
  • Jose Antonio: Y si tengo varios dominios, por ejemplo: dominio.com dominio.net dominio.org dominio.info dominio.es Y...
  • InKiLiNo: @Mario en un tu archivo searchform.php o donde tengas el formulario, tendrás que poner que no quieres...
  • Mario: Hola inkilino, tengo una duda, ¿como puedo reemplazar el botón que dice “buscar”? ¿o como puedo...
  • TouchDown: Ya nos podrían haber ubicado un poco mejor… quizá un poco más abajo y más centrado… pero...
  • Pande: Pero no eran sitios preacordados? Sólo os dejaban saltaros la cola por ir en el coche de J&B? QUé...
  • Interblink: Quiero subir mi pagerak que hago gracias
  • jose87: Fue un gran partido, el Barça supo remontar ;)




    Barcelona Hoy
    Tengo un Mac
    Lo he visto
    Guia Maximin
    Gizig
    Softhoy
    Ludoqia
    Cinetelia
    Por descubrir
    Altaspulsaciones
    Faunatura
    Bdebloggers
    Telelocura
    La Cosa Rosa
    Uno Mas en la Familia





© 2009 — Theme diseñado por InKiLiNo, alojado en Blogsting y gestionado con WordPress — 26 consultas en 0,922 segundos. — Condiciones y Algunos derechos reservados | Subir