(r28) TWikiDocGraphics < TWiki

TWiki Web>TWikiDocGraphics (revision 28) (raw view)~~EditAttach~~

---+ 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:
   * In any topic, write =%<nop>PUBURL%/%<nop>TWIKIWEB%/%TOPIC%/help.gif= to show the %PUBURL%/%TWIKIWEB%/%TOPIC%/help.gif 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 =<nop>%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 =%<nop>ICON{"pdf"}%= to show the %ICON{"pdf"}% icon

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.

| *Icon* | *File Name* | *Comment* |
|  <img src="%ATTACHURLPATH%/help.gif" alt="help.gif"  width="16" height="16"  />  | =help.gif= | Help |
|  <img src="%ATTACHURLPATH%/note.gif" alt="note.gif"  width="16" height="16"  />  | =note.gif= | Note |
|  <img src="%ATTACHURLPATH%/bubble.gif" alt="bubble.gif"  width="16" height="16"  />  | =bubble.gif= | Speech bubble |
|  <img src="%ATTACHURLPATH%/tip.gif" alt="tip.gif"  width="16" height="16"  />  | =tip.gif= | Tip / Idea |
|  <img src="%ATTACHURLPATH%/warning.gif" alt="warning.gif"  width="16" height="16" />  | =warning.gif= | Warning / Important |
|  <img src="%ATTACHURLPATH%/stop.gif" alt="stop.gif"  width="16" height="16"  />  | =stop.gif= | Stop |
|  <img src="%ATTACHURLPATH%/target.gif" alt="target.gif"  width="16" height="16"  />  | =target.gif= | Blue target |
|  <img src="%ATTACHURLPATH%/pencil.gif" alt="pencil.gif"  width="16" height="16"  />  | =pencil.gif= | Refactor / Edit |
|  <img src="%ATTACHURLPATH%/choice-yes.gif" alt="choice-yes.gif"  width="16" height="16"  />  | =choice-yes.gif= | Yes / Done |
|  <img src="%ATTACHURLPATH%/choice-no.gif" alt="choice-no.gif"  width="16" height="16"  />  | =choice-no.gif= | No |
|  <img src="%ATTACHURLPATH%/choice-cancel.gif" alt="choice-cancel.gif"  width="16" height="16"  />  | =choice-cancel.gif= | Cancel |
|  <img src="%ATTACHURLPATH%/updated.gif" alt="updated.gif"  width="56" height="8"  />  | =updated.gif= | Updated |
|  <img src="%ATTACHURLPATH%/new.gif" alt="new.gif"  width="28" height="8"  />  | =new.gif= | New |
|  <img src="%ATTACHURLPATH%/starred.gif" alt="starred.gif"  width="16" height="16"  />  | =starred.gif= | Highlight (positive) |
|  <img src="%ATTACHURLPATH%/stargold.gif" alt="stargold.gif"  width="16" height="16"  />  | =stargold.gif= | Favorites (gold star) |
|  <img src="%ATTACHURLPATH%/arrowright.gif" alt="arrowright.gif"  width="16" height="16"  />  | =arrowright.gif= | Moved to... |
|  <img src="%ATTACHURLPATH%/arrowdot.gif" alt="arrowdot.gif"  width="16" height="16"  />  | =arrowdot.gif= | Meet here (arrows to red dot) |
|  <img src="%ATTACHURLPATH%/wip.gif" alt="wip.gif"  width="16" height="16"  />  | =wip.gif= | Work in progress |
|  <img src="%ATTACHURLPATH%/rfc.gif" alt="rfc.gif"  width="16" height="16"  />  | =rfc.gif= | Request for comments |
|  <img src="%ATTACHURLPATH%/days.gif" alt="days.gif"  width="16" height="16"  />  | =days.gif= | Days |
|  <img src="%ATTACHURLPATH%/hourglass.gif" alt="hourglass.gif"  width="16" height="16"  />  | =hourglass.gif= | Hour glass |
|  <img src="%ATTACHURLPATH%/watch.gif" alt="watch.gif"  width="16" height="16"  />  | =watch.gif= | Watch |
|  <img src="%ATTACHURLPATH%/globe.gif" alt="globe.gif"  width="16" height="16"  />  | =globe.gif= | Globe |
|  <img src="%ATTACHURLPATH%/lock.gif" alt="lock.gif"  width="16" height="16"  />  | =lock.gif= | Lock |
|  <img src="%ATTACHURLPATH%/folder.gif" alt="folder.gif"  width="16" height="16"  />  | =folder.gif= | Folder |
|  <img src="%ATTACHURLPATH%/lockfolder.gif" alt="lockfolder.gif"  width="16" height="16"  />  | =lockfolder.gif= | Locked folder |
|  <img src="%ATTACHURLPATH%/lockfoldergray.gif" alt="lockfoldergray.gif"  width="16" height="16"  />  | =lockfoldergray.gif= | Locked folder, gray |
|  <img src="%ATTACHURLPATH%/locktopic.gif" alt="locktopic.gif"  width="16" height="16"  />  | =locktopic.gif= | Locked topic |
|  <img src="%ATTACHURLPATH%/locktopicgray.gif" alt="locktopicgray.gif"  width="16" height="16"  />  | =locktopicgray.gif= | Locked topic, gray |
|  <img src="%ATTACHURLPATH%/refreshtopic.gif" alt="refreshtopic.gif"  width="16" height="16"  />  | =refreshtopic.gif= | Refresh topic |
|  <img src="%ATTACHURLPATH%/viewtopic.gif" alt="viewtopic.gif"  width="16" height="16"  />  | =viewtopic.gif= | View topic |
|  <img src="%ATTACHURLPATH%/edittopic.gif" alt="edittopic.gif"  width="16" height="16"  />  | =edittopic.gif= | Edit topic |
|  <img src="%ATTACHURLPATH%/topicdiffs.gif" alt="topicdiffs.gif"  width="16" height="16"  />  | =topicdiffs.gif= | Topic difference |
|  <img src="%ATTACHURLPATH%/topicbacklinks.gif" alt="topicbacklinks.gif"  width="16" height="16"  />  | =topicbacklinks.gif= | Topic back-links |
|  <img src="%ATTACHURLPATH%/newtopic.gif" alt="newtopic.gif"  width="16" height="16"  />  | =newtopic.gif= | New topic |
|  <img src="%ATTACHURLPATH%/searchtopic.gif" alt="searchtopic.gif"  width="16" height="16"  />  | =searchtopic.gif= | Search topic |
|  <img src="%ATTACHURLPATH%/printtopic.gif" alt="printtopic.gif"  width="16" height="16"  />  | =printtopic.gif= | Print topic |
|  <img src="%ATTACHURLPATH%/attachfile.gif" alt="attachfile.gif"  width="16" height="16"  />  | =attachfile.gif= | Attach file |
|  <img src="%ATTACHURLPATH%/home.gif" alt="home.gif"  width="16" height="16"  />  | =home.gif= | Home |
|  <img src="%ATTACHURLPATH%/recentchanges.gif" alt="recentchanges.gif"  width="16" height="16"  />  | =recentchanges.gif= | Recent changes |
|  <img src="%ATTACHURLPATH%/changes.gif" alt="changes.gif"  width="16" height="16"  />  | =changes.gif= | Changes |
|  <img src="%ATTACHURLPATH%/notify.gif" alt="notify.gif"  width="16" height="16"  />  | =notify.gif= | Notify |
|  <img src="%ATTACHURLPATH%/mail.gif" alt="mail.gif"  width="16" height="16"  />  | =mail.gif= | Mail |
|  <img src="%ATTACHURLPATH%/empty.gif" alt="empty.gif"  width="16" height="16"  />  | =empty.gif= | Empty transparent 16x16 spacer |
|  <img src="%ATTACHURLPATH%/line_ud.gif" alt="line_ud.gif"  width="16" height="16"  />  | =line_ud.gif= | Line graph up-down |
|  <img src="%ATTACHURLPATH%/line_lr.gif" alt="line_lr.gif"  width="16" height="16"  />  | =line_lr.gif= | Line graph left-right |
|  <img src="%ATTACHURLPATH%/line_udlr.gif" alt="line_udlr.gif"  width="16" height="16"  />  | =line_udlr.gif= | Line graph up-down-left-right |
|  <img src="%ATTACHURLPATH%/line_ur.gif" alt="line_ur.gif"  width="16" height="16"  />  | =line_ur.gif= | Line graph up-right |
|  <img src="%ATTACHURLPATH%/line_rd.gif" alt="line_rd.gif"  width="16" height="16"  />  | =line_rd.gif= | Line graph right-down |
|  <img src="%ATTACHURLPATH%/line_ld.gif" alt="line_ld.gif"  width="16" height="16"  />  | =line_ld.gif= | Line graph left-down |
|  <img src="%ATTACHURLPATH%/line_ul.gif" alt="line_ul.gif"  width="16" height="16"  />  | =line_ul.gif= | Line graph up-left |
|  <img src="%ATTACHURLPATH%/line_udr.gif" alt="line_udr.gif"  width="16" height="16"  />  | =line_udr.gif= | Line graph up-down-right |
|  <img src="%ATTACHURLPATH%/line_lrd.gif" alt="line_lrd.gif"  width="16" height="16"  />  | =line_lrd.gif= | Line graph left-right-down |
|  <img src="%ATTACHURLPATH%/line_udl.gif" alt="line_udl.gif"  width="16" height="16"  />  | =line_udl.gif= | Line graph up-down-left |
|  <img src="%ATTACHURLPATH%/line_ulr.gif" alt="line_ulr.gif"  width="16" height="16"  />  | =line_ulr.gif= | Line graph up-left-right |
|  <img src="%ATTACHURLPATH%/dot_ud.gif" alt="dot_ud.gif"  width="16" height="16"  />  | =dot_ud.gif= | Dot graph up-down |
|  <img src="%ATTACHURLPATH%/dot_lr.gif" alt="dot_lr.gif"  width="16" height="16"  />  | =dot_lr.gif= | Dot graph left-right |
|  <img src="%ATTACHURLPATH%/dot_udlr.gif" alt="dot_udlr.gif"  width="16" height="16"  />  | =dot_udlr.gif= | Dot graph up-down-left-right |
|  <img src="%ATTACHURLPATH%/dot_ur.gif" alt="dot_ur.gif"  width="16" height="16"  />  | =dot_ur.gif= | Dot graph up-right |
|  <img src="%ATTACHURLPATH%/dot_rd.gif" alt="dot_rd.gif"  width="16" height="16"  />  | =dot_rd.gif= | Dot graph right-down |
|  <img src="%ATTACHURLPATH%/dot_ld.gif" alt="dot_ld.gif"  width="16" height="16"  />  | =dot_ld.gif= | Dot graph left-down |
|  <img src="%ATTACHURLPATH%/dot_ul.gif" alt="dot_ul.gif"  width="16" height="16"  />  | =dot_ul.gif= | Dot graph up-left |
|  <img src="%ATTACHURLPATH%/dot_udr.gif" alt="dot_udr.gif"  width="16" height="16"  />  | =dot_udr.gif= | Dot graph up-down-right |
|  <img src="%ATTACHURLPATH%/dot_lrd.gif" alt="dot_lrd.gif"  width="16" height="16"  />  | =dot_lrd.gif= | Dot graph left-right-down |
|  <img src="%ATTACHURLPATH%/dot_udl.gif" alt="dot_udl.gif"  width="16" height="16"  />  | =dot_udl.gif= | Dot graph up-down-left |
|  <img src="%ATTACHURLPATH%/dot_ulr.gif" alt="dot_ulr.gif"  width="16" height="16"  />  | =dot_ulr.gif= | Dot graph up-left-right |

-- TWiki:Main.PeterThoeny - 23 Mar 2004 %BR%
-- TWiki:Main.MikeMannix - 16 May 2002

Attachments

Topic attachments
I	Attachment	History	Action	Size	Date	Who	Comment
gif	arrowdot.gif	r1	manage	0.9 K	2004-01-11 - 21:58	UnknownUser	Arrows to red dot
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	bubble.gif	r1	manage	0.9 K	2004-03-28 - 04:59	UnknownUser	Speech bubble
gif	changes.gif	r1	manage	0.2 K	2003-03-07 - 06:10	UnknownUser	Changes
gif	choice-cancel.gif	r1	manage	0.9 K	2004-01-12 - 06:52	UnknownUser	Cancel
gif	choice-no.gif	r1	manage	0.9 K	2004-01-12 - 06:52	UnknownUser	No
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	folder.gif	r1	manage	0.9 K	2004-01-29 - 08:15	UnknownUser	Folder
gif	globe.gif	r1	manage	1.0 K	2004-01-29 - 08:15	UnknownUser	Globe
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	lock.gif	r1	manage	0.9 K	2004-03-27 - 00:05	UnknownUser	Lock
gif	lockfolder.gif	r1	manage	0.9 K	2004-03-27 - 00:06	UnknownUser	Locked folder
gif	lockfoldergray.gif	r1	manage	0.9 K	2004-03-27 - 00:05	UnknownUser	Locked folder, gray
gif	locktopic.gif	r1	manage	0.9 K	2004-03-27 - 00:10	UnknownUser	Locked topic
gif	locktopicgray.gif	r1	manage	0.9 K	2004-03-27 - 00:12	UnknownUser	Locked topic, gray
gif	mail.gif	r1	manage	0.9 K	2004-01-11 - 23:33	UnknownUser	Mail
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	note.gif	r1	manage	0.9 K	2004-03-24 - 02:18	UnknownUser	Note
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	recentchanges.gif	r1	manage	0.9 K	2004-03-24 - 02:19	UnknownUser	Recent Changes
gif	refreshtopic.gif	r1	manage	0.9 K	2004-03-28 - 05:02	UnknownUser	Refresh 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	target.gif	r1	manage	0.2 K	2004-02-26 - 00:48	UnknownUser	Blue Target
gif	tip.gif	r2 r1	manage	0.1 K	2001-12-03 - 06:15	UnknownUser	Tip
gif	topicbacklinks.gif	r1	manage	0.9 K	2004-01-11 - 21:59	UnknownUser	Topic back-links
gif	topicdiffs.gif	r1	manage	0.9 K	2004-01-11 - 21:59	UnknownUser	Topic difference
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

Topic revision: r28 - 2004-03-28 - PeterThoeny

TWiki

Webs
Blog
TWiki
ZMobile

Copyright © 1999-2025 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.