Grzegorz Dziubiński

Całkiem dość dawno zauważyłem przy odnośnikach malutkie ikonki. Jednak dopiero dziś zastanowiło mnie jak coś takiego uczynić. Oszukałem się w sumie trochę… i zasięgnąć musiałem troche nowej literatury.

Na początek…


<a href="#moja_muzyka.mp3“>utwór.mp3</a>


Aby mile zaacentować obecność URLa który bezpośrednio prowadzi do dźwięku mp3 tworzymy regułę css, która sprawdza czy nasz URL kończy się z rozszerzeniem .mp3.

a[href$='.mp3']{
background: url('winamp_icon.gif') no-repeat center right;
padding-right: 16px;
}

A zapytacie pewnie jak zaznaczyć ze wpisany adres jest mailem… Tutaj posłużę się inną regułą, która sprawdzi czy nasz adres URL rozpoczyna się od mailto:

<a href="mailto:adres@mailowy.pl”>adres</a>


a[href^='mailto:']{
background: url('email.gif') no-repeat center right;
padding-right: 16px;
}

Tak oto możemy tworzyć samemu mnóstwo reguł do plików *.exe, *.doc czy też *.xls których celem jest uczynienie naszej strony przyjaźniejszą!

Efekt końcowy można zobaczyć »tutaj«