TWiki/TWikiDocGraphics.mdwn

   1 # <a name="TWiki Documentation Graphics"></a> TWiki Documentation Graphics
   2
   3 This is one way to create a library of common icons, accessible through user-defined [[TWikiVariables]] set in [[WebPreferences]], or in [[TWikiPreferences]] for site-wide use.
   4
   5 There are other approaches as well: the TWiki:Plugins/TopicVarsPlugin lets you set variables in any topic, not just in [[WebPreferences]], for use in the same. The TWiki:Plugins/SmiliesPlugin, using a different short hand than `%VARIABLES%`, may be worth checking out for extended use.
   6
   7 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.
   8
   9 - <img src="http://www.dementia.org/twiki//view/help.gif" width="16" height="16" alt="help.gif" /> Help
  10 - <img src="http://www.dementia.org/twiki//view/tip.gif" width="16" height="16" alt="tip.gif" /> Tip / Idea
  11 - <img src="http://www.dementia.org/twiki//view/warning.gif" width="16" height="16" alt="warning.gif" /> Warning / Important
  12 - <img src="http://www.dementia.org/twiki//view/stop.gif" width="16" height="16" alt="stop.gif" /> Stop
  13 - <img src="http://www.dementia.org/twiki//view/pencil.gif" width="16" height="16" alt="pencil.gif" /> Refactor / Edit
  14 - <img src="http://www.dementia.org/twiki//view/choice-yes.gif" width="16" height="16" alt="choice-yes.gif" /> Done
  15 - <img src="http://www.dementia.org/twiki//view/updated.gif" width="56" height="8" alt="updated.gif" /> Updated
  16 - <img src="http://www.dementia.org/twiki//view/new.gif" width="28" height="8" alt="new.gif" /> New
  17 - <img src="http://www.dementia.org/twiki//view/starred.gif" width="16" height="16" alt="starred.gif" /> Highlight (positive)
  18 - <img src="http://www.dementia.org/twiki//view/stargold.gif" width="16" height="16" alt="stargold.gif" /> Favorites (gold star)
  19 - <img src="http://www.dementia.org/twiki//view/arrowright.gif" width="16" height="16" alt="arrowright.gif" /> Moved to...
  20 - <img src="http://www.dementia.org/twiki//view/wip.gif" width="16" height="16" alt="wip.gif" /> Work in progress
  21 - <img src="http://www.dementia.org/twiki//view/rfc.gif" width="16" height="16" alt="rfc.gif" /> Request for comments
  22 - <img src="http://www.dementia.org/twiki//view/days.gif" width="16" height="16" alt="days.gif" /> Days
  23 - <img src="http://www.dementia.org/twiki//view/hourglass.gif" width="16" height="16" alt="hourglass.gif" /> Hour glass
  24 - <img src="http://www.dementia.org/twiki//view/watch.gif" width="16" height="16" alt="watch.gif" /> Watch
  25 - <img src="http://www.dementia.org/twiki//view/viewtopic.gif" width="16" height="16" alt="viewtopic.gif" /> View topic
  26 - <img src="http://www.dementia.org/twiki//view/edittopic.gif" width="16" height="16" alt="edittopic.gif" /> Edit topic
  27 - <img src="http://www.dementia.org/twiki//view/newtopic.gif" width="16" height="16" alt="newtopic.gif" /> New topic
  28 - <img src="http://www.dementia.org/twiki//view/searchtopic.gif" width="16" height="16" alt="searchtopic.gif" /> Search topic
  29 - <img src="http://www.dementia.org/twiki//view/printtopic.gif" width="16" height="16" alt="printtopic.gif" /> Print topic
  30 - <img src="http://www.dementia.org/twiki//view/attachfile.gif" width="16" height="16" alt="attachfile.gif" /> Attach file
  31 - <img src="http://www.dementia.org/twiki//view/home.gif" width="16" height="16" alt="home.gif" /> Home
  32 - <img src="http://www.dementia.org/twiki//view/changes.gif" width="16" height="16" alt="changes.gif" /> Changes
  33 - <img src="http://www.dementia.org/twiki//view/notify.gif" width="16" height="16" alt="notify.gif" /> Notify
  34 - <img src="http://www.dementia.org/twiki//view/empty.gif" width="16" height="16" alt="empty.gif" /> Empty transparent 16x16 spacer
  35 - <img src="http://www.dementia.org/twiki//view/line_ud.gif" width="16" height="16" alt="line_ud.gif" /> Line graph up-down
  36 - <img src="http://www.dementia.org/twiki//view/line_lr.gif" width="16" height="16" alt="line_lr.gif" /> Line graph left-right
  37 - <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
  38 - <img src="http://www.dementia.org/twiki//view/line_ur.gif" width="16" height="16" alt="line_ur.gif" /> Line graph up-right
  39 - <img src="http://www.dementia.org/twiki//view/line_rd.gif" width="16" height="16" alt="line_rd.gif" /> Line graph right-down
  40 - <img src="http://www.dementia.org/twiki//view/line_ld.gif" width="16" height="16" alt="line_ld.gif" /> Line graph left-down
  41 - <img src="http://www.dementia.org/twiki//view/line_ul.gif" width="16" height="16" alt="line_ul.gif" /> Line graph up-left
  42 - <img src="http://www.dementia.org/twiki//view/line_udr.gif" width="16" height="16" alt="line_udr.gif" /> Line graph up-down-right
  43 - <img src="http://www.dementia.org/twiki//view/line_lrd.gif" width="16" height="16" alt="line_lrd.gif" /> Line graph left-right-down
  44 - <img src="http://www.dementia.org/twiki//view/line_udl.gif" width="16" height="16" alt="line_udl.gif" /> Line graph up-down-left
  45 - <img src="http://www.dementia.org/twiki//view/line_ulr.gif" width="16" height="16" alt="line_ulr.gif" /> Line graph up-left-right
  46 - <img src="http://www.dementia.org/twiki//view/dot_ud.gif" width="16" height="16" alt="dot_ud.gif" /> Dot graph up-down
  47 - <img src="http://www.dementia.org/twiki//view/dot_lr.gif" width="16" height="16" alt="dot_lr.gif" /> Dot graph left-right
  48 - <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
  49 - <img src="http://www.dementia.org/twiki//view/dot_ur.gif" width="16" height="16" alt="dot_ur.gif" /> Dot graph up-right
  50 - <img src="http://www.dementia.org/twiki//view/dot_rd.gif" width="16" height="16" alt="dot_rd.gif" /> Dot graph right-down
  51 - <img src="http://www.dementia.org/twiki//view/dot_ld.gif" width="16" height="16" alt="dot_ld.gif" /> Dot graph left-down
  52 - <img src="http://www.dementia.org/twiki//view/dot_ul.gif" width="16" height="16" alt="dot_ul.gif" /> Dot graph up-left
  53 - <img src="http://www.dementia.org/twiki//view/dot_udr.gif" width="16" height="16" alt="dot_udr.gif" /> Dot graph up-down-right
  54 - <img src="http://www.dementia.org/twiki//view/dot_lrd.gif" width="16" height="16" alt="dot_lrd.gif" /> Dot graph left-right-down
  55 - <img src="http://www.dementia.org/twiki//view/dot_udl.gif" width="16" height="16" alt="dot_udl.gif" /> Dot graph up-down-left
  56 - <img src="http://www.dementia.org/twiki//view/dot_ulr.gif" width="16" height="16" alt="dot_ulr.gif" /> Dot graph up-left-right
  57
  58 -- [[PeterThoeny]] - 17 Jan 2003<br /> -- [[MikeMannix]] - 16 May 2002