Publicidad:
Terra
La Coctelera

Ad astra

El blog es de Chuck Norris y me lo follo cuando él quiere

12 Diciembre 2005

Marcador de enlaces a la Wikipedia

En la historia anterior sobre el superenfriamiento acabo de probar un truquillo sucio que solo podrás apreciar si utilizas Firefox para ver este blog (o cualquier otro navegador que interprete adecuadamente hojas de estilo CSS2, vamos). He comprobado que el efecto que he implantado no se ve ni en Internet Explorer ni en Opera, aunque no sé qué pasará con el resto de navegadores. Por cierto, que en los navegadores en los que no se aprecia el efecto, tampoco pasa nada: es como si no hubiera hecho nadita, así que no afecta negativamente.

¿Qué he hecho?

El truco sucio es este: cada vez que enlace un artículo de la Wikipedia (en cualquier idioma) aparece un iconito con una letra «W» sobre fondo blanco a la derecha del enlace. Este es un pequeño ejemplo (es una imagen, para que todo el mundo pueda ver el efecto):

Captura del marcador de enlaces a la Wikipedia en 'Ad astra'

¿Cómo lo he hecho?

Para poder llevar a cabo este efecto, he utilizado una regla de estilo que viene a decir algo así:

Para cualquier enlace que se dirija a la Wikipedia, en cualquier idioma, coloca una letra «W» a la derecha, en letra «Times New Roman» de color negro sobre fondo blanco, con un recuadro gris y separada ligeramente del texto del enlace.

Esto que acabo de decir con palabras se traduce en la siguiente regla de estilo CSS2:

#contenido .post a[href*=".wikipedia.org"]:after {
  font-family: "Times new roman", "Georgia", "Serif";
  text-decoration: none;
  color: #000000;
  background: #ffffff;
  border: 1px solid #cccccc;
  padding: 1px 4px;
  margin-left: 2px;
  content: "W";
}

Um... Yo tenía entendido que Opera está preparado para hojas de estilo CSS2. ¿Estoy cometiendo algún error? Si hay por ahí algún entendido de CSS2 que lea esto y ve que estoy cometiendo una pifia, le agradecería que comentara algo al respecto.

PS Si alguien empieza a ver comportamientos raros en los enlaces, que me deje un comentario para corregirlo.

servido por adastra 9 comentarios compártelo

9 comentarios · Escribe aquí tu comentario

Jacosito

Jacosito dijo

Upssss esto es demasiado para mi nivel troll jajajajja.

No soy tan coco como tú. Lo siento, lo dejo.

12 Diciembre 2005 | 08:09 PM

zing

zing dijo

Tú sabías que yo iba a saltar :-P

Lo miré, e imaginé que no funcionaba en Opera por el selector, y no por las reglas CSS. Hice una prueba, y efectivamente es eso. El problema parece ser el operador *=, que es la primera vez que lo veo (por cierto, no lo encuentro en http://www.w3.org/TR/CSS21/selector.html#q10, ¿seguro que es CSS2?). Los selectores en general sí funcionan, yo los he usado (en pruebas, porque como no funcionan en la patera, no los he podido usar en aplicaciones en producción).

O, ahora que hago más pruebas, lo que parece fallar es que Opera no reconoce "href" como un atributo normal, y no funcionan las reglas de los selectores. Una pena :-( Aunque realmente tampoco es muy útil sin el operador *=, que veo ahora que es del CSS3...

13 Diciembre 2005 | 12:46 AM

adastra

adastra dijo

(cara de angelito)

Yo no sabía que ibas a saltar, claro que no O:) ¡JAJAJAJAJAJA!

Tienes razón, es el selector CSS3. Cuando volvía anoche a casa en el coche me di cuenta de que el fallo no estaba en la pseudoclase :after, sino en el selector CSS3. Creo que Firefox tiene una implementación parcial de CSS3, cosa que Opera no tiene.

Espero que los navegadores (la patera no lo hará, porque ni siquiera tiene CSS2 todavía) vayan implementando CSS3, porque se pueden hacer auténticas virguerías con eso.

13 Diciembre 2005 | 10:11 AM

zing

zing dijo

Pues sí, Opera por ahora sólo tiene hasta CSS2.1, con algunas excepciones. De CSS3 no tienen prácticamente nada, pero ten en cuenta que CSS3 ni siquiera es definitivo :-) No seas tan exigente :-P Pero la verdad es que sí, CSS3 parece la caña, a ver cuándo lo empiezan a implementar otros navegadores... (coño, acabo de probar en Konqueror, y también funciona, qué guay. Supongo que en Safari será igual)

Está explicado en un documento oficial de Opera.

13 Diciembre 2005 | 11:25 AM

Jacosito

Jacosito dijo

¿Alguien ha visto mi neurona perdida entre los comentarios?

Por favor si la encuentran, la envian por e-mail.

Estoy muy perdido. Mal hermano. Eso no se hace.

13 Diciembre 2005 | 12:50 PM

adastra

adastra dijo

¡JAJAJAJAJAJA! Pero mira que eres cafre, hermanito...

13 Diciembre 2005 | 12:52 PM

gorki

gorki dijo

Pues yo uso IE y veo perfectamente el cuadradito blanco con la W pegado detrás de supercongelación. ¿Comó es posible?

1 Enero 2006 | 01:35 PM

adastra

adastra dijo

¡Saludos, Gorki!

Lo que estás viendo es una captura de pantalla de cómo veo yo ese texto en Firefox. Si vas al artículo de superenfriamiento verás que con IE no ves ninguna «W» al lado de ningún enlace, si no me equivoco.

1 Enero 2006 | 01:58 PM

Escribe tu comentario


Sobre mí

Te observo

Publicidad Mediasand

Suscripción por correo

Cortesía de FeedBurner

Seis destellos

Blogs de mis amigos

Buscar

suscríbete

Selecciona el agregador que utilices para suscribirte a este blog (también puedes obtener la URL de los feeds):

¿Qué es esto?