Loading:

Ostatnio dodane

php Upload dodaw PHP Tworzenia mi Logowanie obiekt Prosty system sz Lista plików z Jak zbudować pr Jak zamienić w IP uzytkownika Obiekt Timer [AS Proste skrypty w

Top 10

1.proc_close 2.yaz_error 3.Imieniny 4.chroot() 5.content 6.sscanf() 7.shell_exec 8.md5() 9.is_finite 10.ftp_fput

56853.05

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:

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.

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;
}