Attachment Icons for Drupal

22.02.2010

If you want to add filetype-specific icons to Drupal attachments (or html file links in general), try this CSS:

table#attachments a[href$='.pdf']
{
  padding-left: 20px;
  background: transparent url(icon-pdf.png) no-repeat center left;
}
 
table#attachments a[href$='.zip'], table#attachments a[href$='.rar']
{
  padding-left: 20px;
  background: transparent url(icon-zip.png) no-repeat center left;
}

Tested in IE7, IE8, and Firefox 3.5

(Via redpanda.ch)

Geschrieben von: danilo
Trackback URL

Possibly related posts:

Kategorien:

Hinterlasse einen Kommentar






Dein Kommentar:

XHTML: Sie dürfen folgende Tags verwenden: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="">

Kategorien