Visual style guide for Office of the Chancellor Web templates
Application icons for quick visual reference
To enhance the readability of links on pages, a group of miniture graphics have been made available to associate with links to various types of files. Below are various icons for popular document types. To use these icons, apply the indicated class to the hyperlink or "a href" tag. The actual document title should replace the document type listed in front of each icon.
For accessibility reasons, place a <span></span> tag around text that describes the document type, such as (.doc) for a Microsoft Word document. This tag would look something like this: <span>(.doc)</span>. If this step is taken, the icon will be replaced by the text within the span tag whenever graphical icons cannot be displayed, such as with a text reader for the visually impaired.
Sample HTML for Microsoft Word listing below:
<p><a href="" class="mime-word">Microsoft Word (4 MB)<span> (.doc)</span></a><br />
Use class="mime-word"</p>
Document icons
Microsoft Access (.mde)
Use class="mime-access"
AlertAlert
Use class="mime-alert"
Confirm Confirm
Use class="mime-confirm"
Microsoft Excel (.xls)
Use class="mime-excel"
Macromedia Flash (4 MB) (.fla)
Use class="mime-flash"
HTML (.html)
Use class="mime-html"
Adobe Acrobat PDF (4 MB) (.pdf)
Use class="mime-pdf"
Microsoft Powerpoint (4 MB) (.ppt)
Use class="mime-ppt"
Apple Quicktime (4 MB) (.mov)
Use class="mime-quicktime"
Real Media (4 MB) (.rm)
Use class="mime-real-media"
Windows Media (4 MB) (.wmv)
Use class="mime-wmv"
Microsoft Word (4 MB) (.doc)
Use class="mime-word"
Movie/Video (4 MB) (.mov)
Use class="mime-video"
