- In any topic, write `%PUBURL%/%TWIKIWEB%/%TOPIC%/help.gif` to show the  icon
- The TWiki:Plugins/TopicVarsPlugin lets you set variables in any topic, not just in [[WebPreferences]], for use in the same topic
- The TWiki:Plugins/SmiliesPlugin, using a different short hand than `%VARIABLES%`, may be worth checking out for extended use
+- **_Related:_** TWiki's [[FileAttachments]] show their own icons for many different file types. As documented in [[TWikiVariables]], write `%ICON{"pdf"}%` to show the <img src="http://www.dementia.org/twiki//view/Main/WebHome/pdf.gif" width="16" height="16" alt="pdf" /> icon
In this example, %TOPIC% - this topic - acts as the icon library. Graphics are uploaded and displayed. Then, the paths are set in [[TWiki.TWikiPreferences#DocGraphics|TWiki/TWikiPreferences#DocGraphics]] for site-wide access. You can also create individual library pages in each web. And you don't have to restrict yourself to graphics: Preferences Variables can include text and links to any type of file.
-- <img src="http://www.dementia.org/twiki//view/help.gif" width="16" height="16" alt="help.gif" /> Help
-- <img src="http://www.dementia.org/twiki//view/tip.gif" width="16" height="16" alt="tip.gif" /> Tip / Idea
-- <img src="http://www.dementia.org/twiki//view/warning.gif" width="16" height="16" alt="warning.gif" /> Warning / Important
-- <img src="http://www.dementia.org/twiki//view/stop.gif" width="16" height="16" alt="stop.gif" /> Stop
-- <img src="http://www.dementia.org/twiki//view/pencil.gif" width="16" height="16" alt="pencil.gif" /> Refactor / Edit
-- <img src="http://www.dementia.org/twiki//view/choice-yes.gif" width="16" height="16" alt="choice-yes.gif" /> Done
-- <img src="http://www.dementia.org/twiki//view/updated.gif" width="56" height="8" alt="updated.gif" /> Updated
-- <img src="http://www.dementia.org/twiki//view/new.gif" width="28" height="8" alt="new.gif" /> New
-- <img src="http://www.dementia.org/twiki//view/starred.gif" width="16" height="16" alt="starred.gif" /> Highlight (positive)
-- <img src="http://www.dementia.org/twiki//view/stargold.gif" width="16" height="16" alt="stargold.gif" /> Favorites (gold star)
-- <img src="http://www.dementia.org/twiki//view/arrowright.gif" width="16" height="16" alt="arrowright.gif" /> Moved to...
-- <img src="http://www.dementia.org/twiki//view/arrowdot.gif" width="16" height="16" alt="arrowdot.gif" /> Meet here (arrow to red dot)
-- <img src="http://www.dementia.org/twiki//view/wip.gif" width="16" height="16" alt="wip.gif" /> Work in progress
-- <img src="http://www.dementia.org/twiki//view/rfc.gif" width="16" height="16" alt="rfc.gif" /> Request for comments
-- <img src="http://www.dementia.org/twiki//view/days.gif" width="16" height="16" alt="days.gif" /> Days
-- <img src="http://www.dementia.org/twiki//view/hourglass.gif" width="16" height="16" alt="hourglass.gif" /> Hour glass
-- <img src="http://www.dementia.org/twiki//view/watch.gif" width="16" height="16" alt="watch.gif" /> Watch
-- <img src="http://www.dementia.org/twiki//view/viewtopic.gif" width="16" height="16" alt="viewtopic.gif" /> View topic
-- <img src="http://www.dementia.org/twiki//view/edittopic.gif" width="16" height="16" alt="edittopic.gif" /> Edit topic
-- <img src="http://www.dementia.org/twiki//view/newtopic.gif" width="16" height="16" alt="newtopic.gif" /> New topic
-- <img src="http://www.dementia.org/twiki//view/searchtopic.gif" width="16" height="16" alt="searchtopic.gif" /> Search topic
-- <img src="http://www.dementia.org/twiki//view/printtopic.gif" width="16" height="16" alt="printtopic.gif" /> Print topic
-- <img src="http://www.dementia.org/twiki//view/attachfile.gif" width="16" height="16" alt="attachfile.gif" /> Attach file
-- <img src="http://www.dementia.org/twiki//view/topicdiffs.gif" width="16" height="16" alt="topicdiffs.gif" /> Topic difference
-- <img src="http://www.dementia.org/twiki//view/topicbacklinks.gif" width="16" height="16" alt="topicbacklinks.gif" /> Topic back-links
-- <img src="http://www.dementia.org/twiki//view/home.gif" width="16" height="16" alt="home.gif" /> Home
-- <img src="http://www.dementia.org/twiki//view/changes.gif" width="16" height="16" alt="changes.gif" /> Changes
-- <img src="http://www.dementia.org/twiki//view/notify.gif" width="16" height="16" alt="notify.gif" /> Notify
-- <img src="http://www.dementia.org/twiki//view/empty.gif" width="16" height="16" alt="empty.gif" /> Empty transparent 16x16 spacer
-- <img src="http://www.dementia.org/twiki//view/line_ud.gif" width="16" height="16" alt="line_ud.gif" /> Line graph up-down
-- <img src="http://www.dementia.org/twiki//view/line_lr.gif" width="16" height="16" alt="line_lr.gif" /> Line graph left-right
-- <img src="http://www.dementia.org/twiki//view/line_udlr.gif" width="16" height="16" alt="line_udlr.gif" /> Line graph up-down-left-right
-- <img src="http://www.dementia.org/twiki//view/line_ur.gif" width="16" height="16" alt="line_ur.gif" /> Line graph up-right
-- <img src="http://www.dementia.org/twiki//view/line_rd.gif" width="16" height="16" alt="line_rd.gif" /> Line graph right-down
-- <img src="http://www.dementia.org/twiki//view/line_ld.gif" width="16" height="16" alt="line_ld.gif" /> Line graph left-down
-- <img src="http://www.dementia.org/twiki//view/line_ul.gif" width="16" height="16" alt="line_ul.gif" /> Line graph up-left
-- <img src="http://www.dementia.org/twiki//view/line_udr.gif" width="16" height="16" alt="line_udr.gif" /> Line graph up-down-right
-- <img src="http://www.dementia.org/twiki//view/line_lrd.gif" width="16" height="16" alt="line_lrd.gif" /> Line graph left-right-down
-- <img src="http://www.dementia.org/twiki//view/line_udl.gif" width="16" height="16" alt="line_udl.gif" /> Line graph up-down-left
-- <img src="http://www.dementia.org/twiki//view/line_ulr.gif" width="16" height="16" alt="line_ulr.gif" /> Line graph up-left-right
-- <img src="http://www.dementia.org/twiki//view/dot_ud.gif" width="16" height="16" alt="dot_ud.gif" /> Dot graph up-down
-- <img src="http://www.dementia.org/twiki//view/dot_lr.gif" width="16" height="16" alt="dot_lr.gif" /> Dot graph left-right
-- <img src="http://www.dementia.org/twiki//view/dot_udlr.gif" width="16" height="16" alt="dot_udlr.gif" /> Dot graph up-down-left-right
-- <img src="http://www.dementia.org/twiki//view/dot_ur.gif" width="16" height="16" alt="dot_ur.gif" /> Dot graph up-right
-- <img src="http://www.dementia.org/twiki//view/dot_rd.gif" width="16" height="16" alt="dot_rd.gif" /> Dot graph right-down
-- <img src="http://www.dementia.org/twiki//view/dot_ld.gif" width="16" height="16" alt="dot_ld.gif" /> Dot graph left-down
-- <img src="http://www.dementia.org/twiki//view/dot_ul.gif" width="16" height="16" alt="dot_ul.gif" /> Dot graph up-left
-- <img src="http://www.dementia.org/twiki//view/dot_udr.gif" width="16" height="16" alt="dot_udr.gif" /> Dot graph up-down-right
-- <img src="http://www.dementia.org/twiki//view/dot_lrd.gif" width="16" height="16" alt="dot_lrd.gif" /> Dot graph left-right-down
-- <img src="http://www.dementia.org/twiki//view/dot_udl.gif" width="16" height="16" alt="dot_udl.gif" /> Dot graph up-down-left
-- <img src="http://www.dementia.org/twiki//view/dot_ulr.gif" width="16" height="16" alt="dot_ulr.gif" /> Dot graph up-left-right
+<table border="1" cellpadding="0" cellspacing="0">
+ <tr>
+ <th bgcolor="#99CCCC"><strong> Icon </strong></th>
+ <th bgcolor="#99CCCC"><strong> File Name </strong></th>
+ <th bgcolor="#99CCCC"><strong> Comment </strong></th>
+ </tr>
+ <tr>
+ <td align="center"><img alt="help.gif" height="16" src="http://www.dementia.org/twiki//view/help.gif" width="16" /></td>
+ <td><code>help.gif</code></td>
+ <td> Help </td>
+ </tr>
+ <tr>
+ <td align="center"><img alt="tip.gif" height="16" src="http://www.dementia.org/twiki//view/tip.gif" width="16" /></td>
+ <td><code>tip.gif</code></td>
+ <td> Tip / Idea </td>
+ </tr>
+ <tr>
+ <td align="center"><img alt="warning.gif" height="16" src="http://www.dementia.org/twiki//view/warning.gif" width="16" /></td>
+ <td><code>warning.gif</code></td>
+ <td> Warning / Important </td>
+ </tr>
+ <tr>
+ <td align="center"><img alt="stop.gif" height="16" src="http://www.dementia.org/twiki//view/stop.gif" width="16" /></td>
+ <td><code>stop.gif</code></td>
+ <td> Stop </td>
+ </tr>
+ <tr>
+ <td align="center"><img alt="pencil.gif" height="16" src="http://www.dementia.org/twiki//view/pencil.gif" width="16" /></td>
+ <td><code>pencil.gif</code></td>
+ <td> Refactor / Edit </td>
+ </tr>
+ <tr>
+ <td align="center"><img alt="choice-yes.gif" height="16" src="http://www.dementia.org/twiki//view/choice-yes.gif" width="16" /></td>
+ <td><code>choice-yes.gif</code></td>
+ <td> Yes / Done </td>
+ </tr>
+ <tr>
+ <td align="center"><img alt="choice-no.gif" height="16" src="http://www.dementia.org/twiki//view/choice-no.gif" width="16" /></td>
+ <td><code>choice-no.gif</code></td>
+ <td> No </td>
+ </tr>
+ <tr>
+ <td align="center"><img alt="choice-cancel.gif" height="16" src="http://www.dementia.org/twiki//view/choice-cancel.gif" width="16" /></td>
+ <td><code>choice-cancel.gif</code></td>
+ <td> Cancel </td>
+ </tr>
+ <tr>
+ <td align="center"><img alt="updated.gif" height="8" src="http://www.dementia.org/twiki//view/updated.gif" width="56" /></td>
+ <td><code>updated.gif</code></td>
+ <td> Updated </td>
+ </tr>
+ <tr>
+ <td align="center"><img alt="new.gif" height="8" src="http://www.dementia.org/twiki//view/new.gif" width="28" /></td>
+ <td><code>new.gif</code></td>
+ <td> New </td>
+ </tr>
+ <tr>
+ <td align="center"><img alt="starred.gif" height="16" src="http://www.dementia.org/twiki//view/starred.gif" width="16" /></td>
+ <td><code>starred.gif</code></td>
+ <td> Highlight (positive) </td>
+ </tr>
+ <tr>
+ <td align="center"><img alt="stargold.gif" height="16" src="http://www.dementia.org/twiki//view/stargold.gif" width="16" /></td>
+ <td><code>stargold.gif</code></td>
+ <td> Favorites (gold star) </td>
+ </tr>
+ <tr>
+ <td align="center"><img alt="arrowright.gif" height="16" src="http://www.dementia.org/twiki//view/arrowright.gif" width="16" /></td>
+ <td><code>arrowright.gif</code></td>
+ <td> Moved to... </td>
+ </tr>
+ <tr>
+ <td align="center"><img alt="arrowdot.gif" height="16" src="http://www.dementia.org/twiki//view/arrowdot.gif" width="16" /></td>
+ <td><code>arrowdot.gif</code></td>
+ <td> Meet here (arrows to red dot) </td>
+ </tr>
+ <tr>
+ <td align="center"><img alt="wip.gif" height="16" src="http://www.dementia.org/twiki//view/wip.gif" width="16" /></td>
+ <td><code>wip.gif</code></td>
+ <td> Work in progress </td>
+ </tr>
+ <tr>
+ <td align="center"><img alt="rfc.gif" height="16" src="http://www.dementia.org/twiki//view/rfc.gif" width="16" /></td>
+ <td><code>rfc.gif</code></td>
+ <td> Request for comments </td>
+ </tr>
+ <tr>
+ <td align="center"><img alt="days.gif" height="16" src="http://www.dementia.org/twiki//view/days.gif" width="16" /></td>
+ <td><code>days.gif</code></td>
+ <td> Days </td>
+ </tr>
+ <tr>
+ <td align="center"><img alt="hourglass.gif" height="16" src="http://www.dementia.org/twiki//view/hourglass.gif" width="16" /></td>
+ <td><code>hourglass.gif</code></td>
+ <td> Hour glass </td>
+ </tr>
+ <tr>
+ <td align="center"><img alt="watch.gif" height="16" src="http://www.dementia.org/twiki//view/watch.gif" width="16" /></td>
+ <td><code>watch.gif</code></td>
+ <td> Watch </td>
+ </tr>
+ <tr>
+ <td align="center"><img alt="viewtopic.gif" height="16" src="http://www.dementia.org/twiki//view/viewtopic.gif" width="16" /></td>
+ <td><code>viewtopic.gif</code></td>
+ <td> View topic </td>
+ </tr>
+ <tr>
+ <td align="center"><img alt="edittopic.gif" height="16" src="http://www.dementia.org/twiki//view/edittopic.gif" width="16" /></td>
+ <td><code>edittopic.gif</code></td>
+ <td> Edit topic </td>
+ </tr>
+ <tr>
+ <td align="center"><img alt="topicdiffs.gif" height="16" src="http://www.dementia.org/twiki//view/topicdiffs.gif" width="16" /></td>
+ <td><code>topicdiffs.gif</code></td>
+ <td> Topic difference </td>
+ </tr>
+ <tr>
+ <td align="center"><img alt="topicbacklinks.gif" height="16" src="http://www.dementia.org/twiki//view/topicbacklinks.gif" width="16" /></td>
+ <td><code>topicbacklinks.gif</code></td>
+ <td> Topic back-links </td>
+ </tr>
+ <tr>
+ <td align="center"><img alt="newtopic.gif" height="16" src="http://www.dementia.org/twiki//view/newtopic.gif" width="16" /></td>
+ <td><code>newtopic.gif</code></td>
+ <td> New topic </td>
+ </tr>
+ <tr>
+ <td align="center"><img alt="searchtopic.gif" height="16" src="http://www.dementia.org/twiki//view/searchtopic.gif" width="16" /></td>
+ <td><code>searchtopic.gif</code></td>
+ <td> Search topic </td>
+ </tr>
+ <tr>
+ <td align="center"><img alt="printtopic.gif" height="16" src="http://www.dementia.org/twiki//view/printtopic.gif" width="16" /></td>
+ <td><code>printtopic.gif</code></td>
+ <td> Print topic </td>
+ </tr>
+ <tr>
+ <td align="center"><img alt="attachfile.gif" height="16" src="http://www.dementia.org/twiki//view/attachfile.gif" width="16" /></td>
+ <td><code>attachfile.gif</code></td>
+ <td> Attach file </td>
+ </tr>
+ <tr>
+ <td align="center"><img alt="home.gif" height="16" src="http://www.dementia.org/twiki//view/home.gif" width="16" /></td>
+ <td><code>home.gif</code></td>
+ <td> Home </td>
+ </tr>
+ <tr>
+ <td align="center"><img alt="changes.gif" height="16" src="http://www.dementia.org/twiki//view/changes.gif" width="16" /></td>
+ <td><code>changes.gif</code></td>
+ <td> Changes </td>
+ </tr>
+ <tr>
+ <td align="center"><img alt="notify.gif" height="16" src="http://www.dementia.org/twiki//view/notify.gif" width="16" /></td>
+ <td><code>notify.gif</code></td>
+ <td> Notify </td>
+ </tr>
+ <tr>
+ <td align="center"><img alt="mail.gif" height="16" src="http://www.dementia.org/twiki//view/mail.gif" width="16" /></td>
+ <td><code>mail.gif</code></td>
+ <td> Mail </td>
+ </tr>
+ <tr>
+ <td align="center"><img alt="empty.gif" height="16" src="http://www.dementia.org/twiki//view/empty.gif" width="16" /></td>
+ <td><code>empty.gif</code></td>
+ <td> Empty transparent 16x16 spacer </td>
+ </tr>
+ <tr>
+ <td align="center"><img alt="line_ud.gif" height="16" src="http://www.dementia.org/twiki//view/line_ud.gif" width="16" /></td>
+ <td><code>line_ud.gif</code></td>
+ <td> Line graph up-down </td>
+ </tr>
+ <tr>
+ <td align="center"><img alt="line_lr.gif" height="16" src="http://www.dementia.org/twiki//view/line_lr.gif" width="16" /></td>
+ <td><code>line_lr.gif</code></td>
+ <td> Line graph left-right </td>
+ </tr>
+ <tr>
+ <td align="center"><img alt="line_udlr.gif" height="16" src="http://www.dementia.org/twiki//view/line_udlr.gif" width="16" /></td>
+ <td><code>line_udlr.gif</code></td>
+ <td> Line graph up-down-left-right </td>
+ </tr>
+ <tr>
+ <td align="center"><img alt="line_ur.gif" height="16" src="http://www.dementia.org/twiki//view/line_ur.gif" width="16" /></td>
+ <td><code>line_ur.gif</code></td>
+ <td> Line graph up-right </td>
+ </tr>
+ <tr>
+ <td align="center"><img alt="line_rd.gif" height="16" src="http://www.dementia.org/twiki//view/line_rd.gif" width="16" /></td>
+ <td><code>line_rd.gif</code></td>
+ <td> Line graph right-down </td>
+ </tr>
+ <tr>
+ <td align="center"><img alt="line_ld.gif" height="16" src="http://www.dementia.org/twiki//view/line_ld.gif" width="16" /></td>
+ <td><code>line_ld.gif</code></td>
+ <td> Line graph left-down </td>
+ </tr>
+ <tr>
+ <td align="center"><img alt="line_ul.gif" height="16" src="http://www.dementia.org/twiki//view/line_ul.gif" width="16" /></td>
+ <td><code>line_ul.gif</code></td>
+ <td> Line graph up-left </td>
+ </tr>
+ <tr>
+ <td align="center"><img alt="line_udr.gif" height="16" src="http://www.dementia.org/twiki//view/line_udr.gif" width="16" /></td>
+ <td><code>line_udr.gif</code></td>
+ <td> Line graph up-down-right </td>
+ </tr>
+ <tr>
+ <td align="center"><img alt="line_lrd.gif" height="16" src="http://www.dementia.org/twiki//view/line_lrd.gif" width="16" /></td>
+ <td><code>line_lrd.gif</code></td>
+ <td> Line graph left-right-down </td>
+ </tr>
+ <tr>
+ <td align="center"><img alt="line_udl.gif" height="16" src="http://www.dementia.org/twiki//view/line_udl.gif" width="16" /></td>
+ <td><code>line_udl.gif</code></td>
+ <td> Line graph up-down-left </td>
+ </tr>
+ <tr>
+ <td align="center"><img alt="line_ulr.gif" height="16" src="http://www.dementia.org/twiki//view/line_ulr.gif" width="16" /></td>
+ <td><code>line_ulr.gif</code></td>
+ <td> Line graph up-left-right </td>
+ </tr>
+ <tr>
+ <td align="center"><img alt="dot_ud.gif" height="16" src="http://www.dementia.org/twiki//view/dot_ud.gif" width="16" /></td>
+ <td><code>dot_ud.gif</code></td>
+ <td> Dot graph up-down </td>
+ </tr>
+ <tr>
+ <td align="center"><img alt="dot_lr.gif" height="16" src="http://www.dementia.org/twiki//view/dot_lr.gif" width="16" /></td>
+ <td><code>dot_lr.gif</code></td>
+ <td> Dot graph left-right </td>
+ </tr>
+ <tr>
+ <td align="center"><img alt="dot_udlr.gif" height="16" src="http://www.dementia.org/twiki//view/dot_udlr.gif" width="16" /></td>
+ <td><code>dot_udlr.gif</code></td>
+ <td> Dot graph up-down-left-right </td>
+ </tr>
+ <tr>
+ <td align="center"><img alt="dot_ur.gif" height="16" src="http://www.dementia.org/twiki//view/dot_ur.gif" width="16" /></td>
+ <td><code>dot_ur.gif</code></td>
+ <td> Dot graph up-right </td>
+ </tr>
+ <tr>
+ <td align="center"><img alt="dot_rd.gif" height="16" src="http://www.dementia.org/twiki//view/dot_rd.gif" width="16" /></td>
+ <td><code>dot_rd.gif</code></td>
+ <td> Dot graph right-down </td>
+ </tr>
+ <tr>
+ <td align="center"><img alt="dot_ld.gif" height="16" src="http://www.dementia.org/twiki//view/dot_ld.gif" width="16" /></td>
+ <td><code>dot_ld.gif</code></td>
+ <td> Dot graph left-down </td>
+ </tr>
+ <tr>
+ <td align="center"><img alt="dot_ul.gif" height="16" src="http://www.dementia.org/twiki//view/dot_ul.gif" width="16" /></td>
+ <td><code>dot_ul.gif</code></td>
+ <td> Dot graph up-left </td>
+ </tr>
+ <tr>
+ <td align="center"><img alt="dot_udr.gif" height="16" src="http://www.dementia.org/twiki//view/dot_udr.gif" width="16" /></td>
+ <td><code>dot_udr.gif</code></td>
+ <td> Dot graph up-down-right </td>
+ </tr>
+ <tr>
+ <td align="center"><img alt="dot_lrd.gif" height="16" src="http://www.dementia.org/twiki//view/dot_lrd.gif" width="16" /></td>
+ <td><code>dot_lrd.gif</code></td>
+ <td> Dot graph left-right-down </td>
+ </tr>
+ <tr>
+ <td align="center"><img alt="dot_udl.gif" height="16" src="http://www.dementia.org/twiki//view/dot_udl.gif" width="16" /></td>
+ <td><code>dot_udl.gif</code></td>
+ <td> Dot graph up-down-left </td>
+ </tr>
+ <tr>
+ <td align="center"><img alt="dot_ulr.gif" height="16" src="http://www.dementia.org/twiki//view/dot_ulr.gif" width="16" /></td>
+ <td><code>dot_ulr.gif</code></td>
+ <td> Dot graph up-left-right </td>
+ </tr>
+</table>
-- TWiki:Main.PeterThoeny - 11 Jan 2004<br /> -- TWiki:Main.MikeMannix - 16 May 2002
git://git.openafs.org / openafs-wiki.git / blobdiff