[css] img alla fine di link esterni

[NoWhere]

ho visto in alcuni siti - sopratutto quelli trattanti argomenti tecnici-web [esempio] - alla fine di alcuni link esterni una immagine piccolina indicante proprio l'esemplificazione che tale link portava a una diversa pagina - alla fine l'imagine non é il perno - vorrei sapere come inserire tale img in automatico ad ogni link che voglio io..
presumo in css, ho dato uno sguardo alla sorgente [html e css] del sito citato nell'esempio, ma non ho ben capito il codice...
qualcuno sà spiegarmi? :)

[dreadnaut]

per quanto riguarda quel sito, usa una classe .liexternal per caratterizzare tutti i link a cui deve essere assegnato l'icona di link esterno, che è assegnata come sfondo; direi lo stesso metodo e simbolo che usa anche wikimedia, e quello più compatibile.

C'è anche un metodo puro css, senza dover specificare una classe, che usa i selettori più avanzati. Dovrebbero essere supportati ovunque, ho solo il dubbio su IE6, ma forse vanno anche li. Si tratta di definire nel css qualcosa di simile

a[href^=\"http:\"] {
  background-image:  url(ext-link.png) right no-repeat;
}

Questa regola viene applicata a tutti i tag <a> il cui attributo href comincia ( ^= ) con http:// e quindi è esterno (basandosi sulla convezione di usare solo url relativi per link interni)