TWikiDocGraphics < TWiki

---+ TWiki Documentation Graphics

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. 

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 =<nop>%VARIABLES%=, may be worth checking out for extended use.

In this example, <nop>%TOPIC% - this topic - acts as the icon library. Graphics are uploaded and displayed. Then, the paths are set in [[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="%ATTACHURLPATH%/help.gif" alt="help.gif"  width="16" height="16"  /> Help 
   * <img src="%ATTACHURLPATH%/tip.gif" alt="tip.gif"  width="16" height="16"  /> Tip / Idea
   * <img src="%ATTACHURLPATH%/warning.gif" alt="warning.gif"  width="16" height="16" /> Warning / Important
   * <img src="%ATTACHURLPATH%/stop.gif" alt="stop.gif"  width="16" height="16"  /> Stop
   * <img src="%ATTACHURLPATH%/pencil.gif" alt="pencil.gif"  width="16" height="16"  /> Refactor / Edit
   * <img src="%ATTACHURLPATH%/choice-yes.gif" alt="choice-yes.gif"  width="16" height="16"  /> Done
   * <img src="%ATTACHURLPATH%/updated.gif" alt="updated.gif"  width="56" height="8"  /> Updated
   * <img src="%ATTACHURLPATH%/new.gif" alt="new.gif"  width="28" height="8"  /> New
   * <img src="%ATTACHURLPATH%/starred.gif" alt="starred.gif"  width="16" height="16"  /> Highlight (positive)
   * <img src="%ATTACHURLPATH%/stargold.gif" alt="stargold.gif"  width="16" height="16"  /> Favorites (gold star)
   * <img src="%ATTACHURLPATH%/arrowright.gif" alt="arrowright.gif"  width="16" height="16"  /> Moved to...
   * <img src="%ATTACHURLPATH%/wip.gif" alt="wip.gif"  width="16" height="16"  /> Work in progress
   * <img src="%ATTACHURLPATH%/rfc.gif" alt="rfc.gif"  width="16" height="16"  /> Request for comments
   * <img src="%ATTACHURLPATH%/days.gif" alt="days.gif"  width="16" height="16"  /> Days
   * <img src="%ATTACHURLPATH%/hourglass.gif" alt="hourglass.gif"  width="16" height="16"  /> Hour glass
   * <img src="%ATTACHURLPATH%/watch.gif" alt="watch.gif"  width="16" height="16"  /> Watch
   * <img src="%ATTACHURLPATH%/viewtopic.gif" alt="viewtopic.gif"  width="16" height="16"  /> View topic
   * <img src="%ATTACHURLPATH%/edittopic.gif" alt="edittopic.gif"  width="16" height="16"  /> Edit topic
   * <img src="%ATTACHURLPATH%/newtopic.gif" alt="newtopic.gif"  width="16" height="16"  /> New topic
   * <img src="%ATTACHURLPATH%/searchtopic.gif" alt="searchtopic.gif"  width="16" height="16"  /> Search topic
   * <img src="%ATTACHURLPATH%/printtopic.gif" alt="printtopic.gif"  width="16" height="16"  /> Print topic
   * <img src="%ATTACHURLPATH%/attachfile.gif" alt="attachfile.gif"  width="16" height="16"  /> Attach file
   * <img src="%ATTACHURLPATH%/home.gif" alt="home.gif"  width="16" height="16"  /> Home
   * <img src="%ATTACHURLPATH%/changes.gif" alt="changes.gif"  width="16" height="16"  /> Changes
   * <img src="%ATTACHURLPATH%/notify.gif" alt="notify.gif"  width="16" height="16"  /> Notify
   * <img src="%ATTACHURLPATH%/empty.gif" alt="empty.gif"  width="16" height="16"  /> Empty transparent 16x16 spacer
   * <img src="%ATTACHURLPATH%/line_ud.gif" alt="line_ud.gif"  width="16" height="16"  /> Line graph up-down
   * <img src="%ATTACHURLPATH%/line_lr.gif" alt="line_lr.gif"  width="16" height="16"  /> Line graph left-right
   * <img src="%ATTACHURLPATH%/line_udlr.gif" alt="line_udlr.gif"  width="16" height="16"  /> Line graph up-down-left-right
   * <img src="%ATTACHURLPATH%/line_ur.gif" alt="line_ur.gif"  width="16" height="16"  /> Line graph up-right
   * <img src="%ATTACHURLPATH%/line_rd.gif" alt="line_rd.gif"  width="16" height="16"  /> Line graph right-down
   * <img src="%ATTACHURLPATH%/line_ld.gif" alt="line_ld.gif"  width="16" height="16"  /> Line graph left-down
   * <img src="%ATTACHURLPATH%/line_ul.gif" alt="line_ul.gif"  width="16" height="16"  /> Line graph up-left
   * <img src="%ATTACHURLPATH%/line_udr.gif" alt="line_udr.gif"  width="16" height="16"  /> Line graph up-down-right
   * <img src="%ATTACHURLPATH%/line_lrd.gif" alt="line_lrd.gif"  width="16" height="16"  /> Line graph left-right-down
   * <img src="%ATTACHURLPATH%/line_udl.gif" alt="line_udl.gif"  width="16" height="16"  /> Line graph up-down-left
   * <img src="%ATTACHURLPATH%/line_ulr.gif" alt="line_ulr.gif"  width="16" height="16"  /> Line graph up-left-right
   * <img src="%ATTACHURLPATH%/dot_ud.gif" alt="dot_ud.gif"  width="16" height="16"  /> Dot graph up-down
   * <img src="%ATTACHURLPATH%/dot_lr.gif" alt="dot_lr.gif"  width="16" height="16"  /> Dot graph left-right
   * <img src="%ATTACHURLPATH%/dot_udlr.gif" alt="dot_udlr.gif"  width="16" height="16"  /> Dot graph up-down-left-right
   * <img src="%ATTACHURLPATH%/dot_ur.gif" alt="dot_ur.gif"  width="16" height="16"  /> Dot graph up-right
   * <img src="%ATTACHURLPATH%/dot_rd.gif" alt="dot_rd.gif"  width="16" height="16"  /> Dot graph right-down
   * <img src="%ATTACHURLPATH%/dot_ld.gif" alt="dot_ld.gif"  width="16" height="16"  /> Dot graph left-down
   * <img src="%ATTACHURLPATH%/dot_ul.gif" alt="dot_ul.gif"  width="16" height="16"  /> Dot graph up-left
   * <img src="%ATTACHURLPATH%/dot_udr.gif" alt="dot_udr.gif"  width="16" height="16"  /> Dot graph up-down-right
   * <img src="%ATTACHURLPATH%/dot_lrd.gif" alt="dot_lrd.gif"  width="16" height="16"  /> Dot graph left-right-down
   * <img src="%ATTACHURLPATH%/dot_udl.gif" alt="dot_udl.gif"  width="16" height="16"  /> Dot graph up-down-left
   * <img src="%ATTACHURLPATH%/dot_ulr.gif" alt="dot_ulr.gif"  width="16" height="16"  /> Dot graph up-left-right

-- Main.PeterThoeny - 17 Jan 2003<br />
-- Main.MikeMannix - 16 May 2002

Attachments

Topic attachments
I	Attachment	History	Action	Size	Date	Who	Comment
gif	arrowright.gif	r1	manage	0.1 K	2002-04-14 - 07:18	UnknownUser	Red arrow to right
gif	attachfile.gif	r1	manage	0.2 K	2003-01-18 - 07:16	UnknownUser	Attach file
gif	changes.gif	r1	manage	0.2 K	2003-03-07 - 06:10	UnknownUser	Changes
gif	choice-yes.gif	r2 r1	manage	0.1 K	2002-05-16 - 06:58	UnknownUser	Green checkmark - DONE
gif	days.gif	r1	manage	0.1 K	2003-06-07 - 21:51	UnknownUser	Days
gif	dot_ld.gif	r1	manage	0.1 K	2003-11-25 - 02:35	UnknownUser	Dot graph left-down
gif	dot_lr.gif	r1	manage	0.1 K	2003-11-25 - 02:34	UnknownUser	Dot graph left-right
gif	dot_lrd.gif	r1	manage	0.1 K	2003-11-25 - 02:35	UnknownUser	Dot graph left-right-down
gif	dot_rd.gif	r1	manage	0.1 K	2003-11-25 - 02:35	UnknownUser	Dot graph right-down
gif	dot_ud.gif	r1	manage	0.1 K	2003-11-25 - 02:34	UnknownUser	Dot graph up-down
gif	dot_udl.gif	r1	manage	0.1 K	2003-11-25 - 02:36	UnknownUser	Dot graph up-down-left
gif	dot_udlr.gif	r1	manage	0.1 K	2003-11-25 - 02:34	UnknownUser	Dot graph up-down-left-right
gif	dot_udr.gif	r1	manage	0.1 K	2003-11-25 - 02:35	UnknownUser	Dot graph up-down-right
gif	dot_ul.gif	r1	manage	0.1 K	2003-11-25 - 02:35	UnknownUser	Dot graph up-left
gif	dot_ulr.gif	r1	manage	0.1 K	2003-11-25 - 02:36	UnknownUser	Dot graph up-left-right
gif	dot_ur.gif	r1	manage	0.1 K	2003-11-25 - 02:34	UnknownUser	Dot graph up-right
gif	edittopic.gif	r2 r1	manage	0.9 K	2002-10-31 - 03:27	UnknownUser	Edit topic
gif	empty.gif	r1	manage	0.1 K	2003-11-18 - 00:45	UnknownUser	Empty transparent 16x16 spacer
gif	help.gif	r1	manage	0.1 K	2001-09-28 - 00:40	UnknownUser	Help
gif	home.gif	r1	manage	0.2 K	2003-03-07 - 06:10	UnknownUser	Home
gif	hourglass.gif	r1	manage	0.1 K	2003-06-07 - 21:55	UnknownUser	Hour glass
gif	line_ld.gif	r1	manage	0.1 K	2003-11-25 - 02:09	UnknownUser	Line graph left-down
gif	line_lr.gif	r1	manage	0.1 K	2003-11-25 - 02:08	UnknownUser	Line graph left-right
gif	line_lrd.gif	r1	manage	0.1 K	2003-11-25 - 02:10	UnknownUser	Line graph left-right-down
gif	line_rd.gif	r1	manage	0.1 K	2003-11-25 - 02:08	UnknownUser	Line graph right-down
gif	line_ud.gif	r1	manage	0.1 K	2003-11-25 - 02:07	UnknownUser	Line graph up-down
gif	line_udl.gif	r1	manage	0.1 K	2003-11-25 - 02:10	UnknownUser	Line graph up-down-left
gif	line_udlr.gif	r1	manage	0.1 K	2003-11-25 - 02:08	UnknownUser	Line graph up-down-left-right
gif	line_udr.gif	r1	manage	0.1 K	2003-11-25 - 02:09	UnknownUser	Line graph up-down-right
gif	line_ul.gif	r1	manage	0.1 K	2003-11-25 - 02:09	UnknownUser	Line graph up-left
gif	line_ulr.gif	r1	manage	0.1 K	2003-11-25 - 02:10	UnknownUser	Line graph up-left-right
gif	line_ur.gif	r1	manage	0.1 K	2003-11-25 - 02:08	UnknownUser	Line graph up-right
gif	new.gif	r1	manage	0.2 K	2002-04-14 - 07:17	UnknownUser	New
gif	newtopic.gif	r1	manage	0.2 K	2003-01-22 - 01:51	UnknownUser	New topic
gif	notify.gif	r1	manage	0.2 K	2003-03-08 - 06:00	UnknownUser	Notify
gif	pencil.gif	r1	manage	0.2 K	2002-04-14 - 07:17	UnknownUser	Pencil
gif	printtopic.gif	r1	manage	0.1 K	2003-01-18 - 07:15	UnknownUser	Print topic
gif	rfc.gif	r1	manage	0.2 K	2003-06-07 - 21:50	UnknownUser	Request for comments
gif	searchtopic.gif	r1	manage	0.2 K	2003-01-18 - 07:15	UnknownUser	Search topic
gif	stargold.gif	r1	manage	0.2 K	2003-10-01 - 06:10	UnknownUser	Favorites
gif	starred.gif	r1	manage	0.1 K	2002-04-14 - 07:18	UnknownUser	Star
gif	stop.gif	r1	manage	0.9 K	2003-04-24 - 03:42	UnknownUser	Stop
gif	tip.gif	r2 r1	manage	0.1 K	2001-12-03 - 06:15	UnknownUser	Tip
gif	updated.gif	r1	manage	0.3 K	2002-04-14 - 07:17	UnknownUser	Updated
gif	viewtopic.gif	r2 r1	manage	0.9 K	2002-10-31 - 03:27	UnknownUser	View topic
gif	warning.gif	r1	manage	0.1 K	2001-09-28 - 00:41	UnknownUser	Warning
gif	watch.gif	r1	manage	0.9 K	2003-04-24 - 04:49	UnknownUser	Watch
gif	wip.gif	r1	manage	0.2 K	2003-06-07 - 21:49	UnknownUser	Work in progress

This topic: TWiki > TWikiDocGraphics
Topic revision: r20 - 2003-11-25 - PeterThoeny

Copyright © by the contributing authors. All material on this collaboration platform is the property of the contributing authors.
Ideas, requests, problems regarding TWiki? Send feedback
Note: Please contribute updates to this topic on TWiki.org at TWiki:TWiki.TWikiDocGraphics