| Kriptópolis alojado en |
| Zilos-Veloxia Network |
| Tu mejor defensa: |
| Bufet Almeida |
"Mejor sin Explorer"
Enviado por admin el 4. Octubre 2006 - 22:09.
No quería hacer ninguna campaña de esto, pero hay lectores que me piden que explique cómo hacer para insertar en sus webs el banner que desde ayer muestra Kriptópolis.
La idea está tomada de Too Cool for Explorer, una campaña que ya no está activa, pero cuyos banners aún siguen disponibles.
Como no me gustaban los banners existentes (sobre todo por la petulancia de afirmar que tu sitio es demasiado "cool" para Explorer), decidí hacerme el mío. Lo intenté con Gimp pero no acerté a escribir el texto en oblicuo (ojo, que no digo que no se pueda, no lo sé), así que tiré de Photoshop. El resultado lo pongo a vuestra disposición para que lo podáis descargar y usar con total libertad...
Añadido (5-OCT, 19:20): Y por si alguien aún tiene dudas sobre lo que
significa "ajustarse a estándares", en el aviso para usuarios de Explorer acabo de añadir un enlace al test Acid2, que recomiendo que realicéis con diferentes navegadores (por ejemplo con Opera 9, que lo clava).
Modificado (5-OCT, 19:00): Algunos críticos tienen toda la razón cuando afirman que no tiene demasiado sentido mostrar el banner a quienes no utilizan Explorer. Por eso hemos pasado a la versión 2.0. Lo que hacemos ahora es detectar posibles usuarios de Explorer mediante los scripts de Explorer Destroyer, y mostrarles sólo a ellos un nuevo bloque recomendando el uso de otros navegadores para visitar esta web. Para que Explorer visualice bien el logo es preciso utilizar una nueva versión gif del mismo.
Se trata de un PNG cuya transparencia no es bien soportada por Explorer. Otro tanto ocurre con el CSS utilizado para desplegarlo, una demostración palmaria de lo que se quiere indicar.
No pensé en darle forma de campaña porque no era mi idea decirle a nadie qué navegador ha de utilizar, aunque ya he dejado claro muchas veces que prefiero cualquier cosa a Explorer (y no soy el único). Lo que sí quería dejar claro es que el tema actual de Kriptópolis presenta algunos problemas con Explorer 6 y su particular interpretación de los estándares, lo que hace que el sitio se vea mejor con cualquier otro navegador. Y especifico Explorer 6, porque con Explorer 7 parecen haber mejorado algo las cosas en ese aspecto (aunque no en otros...).
Para que el logo aparezca en vuestra página, en una esquina y en posición fija, empezaréis por añadir el siguiente código CSS a vuestra hoja de estilos (o añadirlo al código o plantilla de la página):
a#noie {
position: fixed;
right: 0;
bottom: 0;
display: block;
height: 80px;
width: 80px;
background: url(/images/mejor.png)
bottom right no-repeat;
text-indent: -999em;
text-decoration: none;
}
(No olvidéis sustituir la URL del background por la ruta donde hayáis colocado la imagen).
Por último, poco antes del cierre de vuestra etiqueta BODY, debéis añadir lo siguiente:
<a href="" id="noie"></a>
Entre las primeras comillas podéis colocar una URL, si queréis.
duda url
Hola, acabo de meterme en la creación de una página más allá del html soy un novatin. Mi duda es: Suponiendo que la imagen esté en "http://www.kriptopolis.org/images/mejor.png "
Deberia poner en esta linea "background: url(/images/mejor.png)"
esto:
"background: url(http://www.kriptopolis.org/images/mejor.png)"
o solo http://www.kriptopolis.org/images/mejor.png
Mil gracias!
Un error de base
Es que la imagen has de ponerla en un directorio de tu propio sitio.
Y si tu directorio se llama "afotos", deberías usar:
background: url(/afotos/mejor.png)
Un cambio
¿No será mejor ponerlo al principio del body para que lo vean los que usan IE? Si se pone al final no lo verán a menos que lleguen hasta abajo de la página.
Pues no acaba de gustarme/disgustarme
¿Es normal que en IE se vea totalmente descolocado?, ¿verdad?
No sería una mejor opción que apareciera bien colocada y rezando algo así como "Véame corectamente con Firefox" o algo similar aludiendo a otros exploradores, porque la verdad es que rompe la estructura de la web.
manual de CSS
conoceis algun manual online o libro sobre css, en español, que sea buenesito y que este bien explicado.
un saludo
a mi me gusta mucho
hace tiempo tenia la idea de poner algo asi en mi web. No lo hice por vago.
ahora lo voy a poner pero le cambiare el texto... algo un poco mas agresivo hace un tiempo, cuando tenia tiempo para dedicarle a mi web, habia hecho con mono que se fije que navegador era y en caso de IE no abriera el sitio sino que mostrara un mensaje al estilo "Con explorer, aqui no entras".
obviamente, muy facil de burlar, pero la intencion era solo de molestar.
Para más agresividad...
... ya está Explorer Destroyer:
http://explorerdestroyer.com
Mi colaboración
Este código (en php) lo suelo poner en algunas páginas que hago. Para hacerlo estático (sin php) se puede eliminar la parte de la cookie. Como se puede ver, hay código hecho en vbscript que abre una nueva ventana. De esta manera no es necesario esforzarse por determinar si el navegador es explorer o no. Incluso si se ha modificado el user-agent, el único que ejecuta vbscript es explorer así que no hay como confundirse:
if (!strstr($_SERVER["HTTP_USER_AGENT"],"Firefox"))
{
if ($_COOKIE["avisadoie"]!=1)
{
echo '
msg=MsgBox("Internet Explorer, además de presentar continuamente múltiples vulnerabilidades que son la puerta de entrada de virus y spywares, tiene un soporte muy
deficiente de hojas de estilos y
javascripts. Por favor instale
ahora firefox.",0,"AVISO")
window.location.href= "http://www.mozilla.com/products/firefox"
';
setcookie("avisadoie",1,time()+60*60);
}
else
echo '
window.open "http://www.mozilla.com/products/firefox"
';
}
Mi código
El XHTML
<!--[if lt IE 7 ]><div id="aviso_IE" >Con tu versión de Internet Explorer verás mal algunos detalles de este blog. Por favor, usa un navegador que respete los estándares web como Firefox u Opera.
</div>
<![endif]-->
Y el CSS
div#aviso_IE{
font-size: .7em;
background: #ffffdf;
text-align: justify;
margin: 15px;
width: 500px;
padding: 5px;
border:1px solid #D88888;
}
Lo que hace es mostrar una cajita con texto avisando de problemas de IE. Más que nada lo posteo para decir que podeis usar [if lt IE 7 ] y os evitais lios de Javascript o php
¿Seré yo maestro?
Sólo indicar que se me "acuso falsamente" de usar IE, cuando en realidad estoy usando Avant Browser (que me parece más liviano que Firefox). Ahora bien ¿alguien sabe a que se debe esto, es problema mío, del script, de Avant?
Saludos,
Kr!
P.D: Aprovecho para agradecer y felicitar a admin por este sitio tan espectacular...
Opinar