Loading:

BLACK WEEK IT! [Zgarnij książkę GRATIS lub kupuj solo z rabatem do -50%]

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.ip2long 2.urldecode 3.md5_file() 4.clip 5.inet_pton 6.hw_Close 7.ftp_mdtm 8.zip-read() 9.gzgetss() 10.imagearc

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