Pijada: Internet Explorer? A la basura!

Supongo que si estáis leyendo esto ya os habréis percatado de la papelera que hay abajo a al derecha de este blog, así que os voy a explicar un poco de que va esto, y por qué es una pijada.

Veréis, esta tarde se me ha apetecido darle un pequeño toque personal a mi blog y ya de paso tocar un poco de CSS, que hacía tiempo que no lo tocaba, así que he decidido atacar a IE, ya que gracias a la búsqueda de alternativas en cuanto a navegador (en concreto, Firefox), entre otras cosas, me fui introduciendo en esto del software libre. Debo decir que, aunque el enlace apunte a una página relacionada con Firefox, no sólo quiero promocionar este, sino también Konqueror, Opera o Safari (no porque sean libre, sino porque son buenos [Safari en Mac, a menos que queráis que os pete cada 2 por 3]).

Que por qué es una pijadita? Porque es una cosa que en realidad sólo lo verán los usuarios de Internet Explorer 7 (y también los usuarios de Firefox, Opera, Konqueror, etc), así que en realidad no es una acción que vaya a repercutir demasiado en los usuarios de Internet Explorer (es más, creo que pocas personas entran aquí con IE). Es por eso que creo que, en el fondo, es una pijada.

De todos modos, si alguien le interesa añadir esto a su blog o web, o bien desea hacer algo parecido, aquí os dejo el código que he utilizado:

El código CSS (el más importante):

/*Aviso IE*/

.ie_trash {
background: transparent url('http://lh4.ggpht.com/morpheus17.pro/SN9xeuzOTGI/AAAAAAAAAEI/bu98SXT8ZDw/ietrash.png') no-repeat center;
right: 1pt;
bottom: 5pt;
position: fixed;
width: 80px;
height: 85px;
font-weight: bold;
text-align: center;
}

.ie_trash:hover {
background: transparent;
height: auto;
}

.ie_trash:hover a { /* Para que se muestre el texto al pasar el cursor por encima */
display: block;
}

.ie_trash a {
color: #cccccc;
/* Para que no se muestre el texto */
display: none;
}

.ie_trash a:hover {
color: #cccccc;
text-decoration: none;
}

Y aquí el HTML (una triste línea):

<div class="ie_trash"><a href="http://www.mozilla.com/firefox/">Si usas Internet Explorer, no sabes lo que es navegar</a></div>

Pues espero que os haya servido de algo esto, o que os haya gustado el detalle.

Por cierto, me he percatado de que en Konqueror se ve una extraña línea sobre el bloque de texto/imagen, si alguien tiene idea de porqué ocurre, que me lo haga saber, e intentaré arreglarlo.

Por último (sí, ya acabo): he utilizado Firebug (una extensión de Firefox, de la cual ya he hablado) y Bluefish, un excelente programa para programar/diseñar/desarrollar, el cual te explica como funcionan las diferentes etiquetas de HTML, CSS, Python y PHP. Os recomiendo los 2 enormemente.

Actualización 7 de marzo: Ya he arreglado un pequeño problemilla que había con Konqueror y Opera. El código está actualizado.

Un saludo,
Morpheus