Loading:

NAJMĄDRZEJSZY PREZENT NA ŚWIECIE!🎁 / Tylko DZIŚ!

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.dl() 2.each() 3.gzdecode() 4.trim() 5.hw_Close 6.gzgets() 7.ftp_alloc 8.prev() 9.xslt_errno 10.bzflush()

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