Loading:

Ferie zimowe - 3 za 2

Wykrywanie zawartości linków i dodanie do nich odpowiednich ikon

Skrypt CSS zostaje nadawany dla plików o rozszerzeniach .doc, .zip .xlc, oraz dla każdego innego o konstrukcji:

 

<a href="nazwa.doc">Link</a>

 

Gdzie .doc to dowolne Twoje rozszerzenie.

 

Na przykłąd jeśli chcemy mieć ikonę Microsoft Word przy każdym linku do niego to wystarczy wpisać 3 linie kodu CSS.

 

UWAGA: przykład nie kompatybilny od IE7, każda inna przeglądarka również go rozpoznaje.



Napisz Artykuł

Listing

/* Dodanie ikony dla linków do Word'a plików */
a[href$='.doc'], a[href$='.docx']
    background: transparent url(/images/content/icon_word.gif) center right no-repeat;
    padding-right: 18px;
}

/* Dodanie ikony dla linków do Excel'a plików */
a[href$='.xls'], a[href$='.xlsx'] {
    background: transparent url(/images/content/icon_excel.gif) center right no-repeat;
    padding-right: 18px;
}

/* Dodanie ikony dla linków do Acrobat'a plików */
a[href$='.pdf'] {
    background: transparent url(/images/content/icon_pdf.gif) center left no-repeat;
    padding-left: 18px;
}

/* Dodanie ikony dla linków do skompresowanych plików */
a[href$='.zip'] {
    background: transparent url(/images/content/icon_zip.gif) center left no-repeat;
    padding-left: 18px;
}


Ten wpis posiada swój wątek na forum

Wszystkie pytania prosimy kierować właśnie tam ponieważ komentarze to miejsce na poprawki do kodu lub alternatywne rozwiązania i pytania nie będą publikowane

http://forum.funkcje.net/forum/viewtopic.php?f=2&t=5196

Dane do logowania na forum są takie same jak na funkcje.net



Dodano przez: divix
Ranga: Administrator serwisu Punktów: 37719
Komentarze użytkowników
    • Treść komentarza
      Kod do komentarza (opcjonalnie)
      PHP JavaScript MySQL Smarty SQL HTML CSS ActionScript
      Autor
      Token
      token

       

       








funkcje.net
Wszelkie prawa zastrzeżone©. | Funkcje.net 2008-17 v.1.5 | design: diviXdesign & rainbowcolors