Automatically add pdf, doc, etc. icons to links
It would be pretty great if a few lines were included in CSS to automatically add little icons :after to common file types (doc, xls, pdf, ppt, etc) based on href$ — example CSS from ucr.edu:
a[href$="pdf"]:after { content: " " url(/images/design6/pdf.gif); }
a[href$="doc"]:after, a[href$="docx"]:after { content: " " url(/images/design6/doc.gif); }
IE 7 doesn't recognize :after, but this is just window-dressing, rather than functional, so at UCR that was deemed an acceptable excursion from 100% feature parity.
Anonymous
shared this idea
We have added this ability. There may be some places where this creates an unexpected outcome for some pages, but the majority of instances where creators have added a file this provides a little more awareness to users as to the tools they will need to view or interact with the document. This was a great suggestion Jessica.