Ikona przy linku otwierającym nowe okno przeglądarki

Linki otwierające się w nowych oknach z przyczyny znanej jedynie autorowi strony irytują szarego internetowego szperacza. Niekiedy jednak warto, czasami wręcz trzeba użyć feralnego atrybutu <a target=”_blank„>link</a>.

Szczególnie gdy mamy do czynienia z listą zewnętrznych źródeł w artykule czy wskazujemy adres do strony, która będzie prawdopodobnie równolegle wykorzystywana z docelową. Do tej drugiej kategorii można zaliczyć wszystkie strony z materiałami do pobrania, strony aplikacji internetowych itp.

Co jednak zrobić, by pasek irytacji czytelnika nie przekroczył maksimum po kilku linkach otwierających nowe okno? Wystarczy go poinformować o takich linkach za pomocą dodatkowej ikony przy odnośniku.

Zobacz eleganckie i za razem funkcjonalne rozwiązanie oznaczenia linków _blank.

Gotowy kod poniżej. Ikona open.png do pobrania.

a[target="_blank"],
a[target="new"]{
   padding-right:14px;  /* szerokość ikony z marginesem */
   background: url(open.png) right top no-repeat;
} 

Przydał Ci się ten post? Wykorzystałeś przykład na swojej stronie? Napisz o tym w komentarzu! :-)