(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 - 16:58	UnknownUser	Arrows to red dot
gif	arrowright.gif	r1	manage	0.1 K	2002-04-14 - 03:18	UnknownUser	Red arrow to right
gif	attachfile.gif	r1	manage	0.2 K	2003-01-18 - 02:16	UnknownUser	Attach file
gif	bubble.gif	r1	manage	0.9 K	2004-03-27 - 23:59	UnknownUser	Speech bubble
gif	changes.gif	r1	manage	0.2 K	2003-03-07 - 01:10	UnknownUser	Changes
gif	choice-cancel.gif	r1	manage	0.9 K	2004-01-12 - 01:52	UnknownUser	Cancel
gif	choice-no.gif	r1	manage	0.9 K	2004-01-12 - 01:52	UnknownUser	No
gif	choice-yes.gif	r2 r1	manage	0.1 K	2002-05-16 - 02:58	UnknownUser	Green checkmark - DONE
gif	days.gif	r1	manage	0.1 K	2003-06-07 - 17:51	UnknownUser	Days
gif	dot_ld.gif	r1	manage	0.1 K	2003-11-24 - 21:35	UnknownUser	Dot graph left-down
gif	dot_lr.gif	r1	manage	0.1 K	2003-11-24 - 21:34	UnknownUser	Dot graph left-right
gif	dot_lrd.gif	r1	manage	0.1 K	2003-11-24 - 21:35	UnknownUser	Dot graph left-right-down
gif	dot_rd.gif	r1	manage	0.1 K	2003-11-24 - 21:35	UnknownUser	Dot graph right-down
gif	dot_ud.gif	r1	manage	0.1 K	2003-11-24 - 21:34	UnknownUser	Dot graph up-down
gif	dot_udl.gif	r1	manage	0.1 K	2003-11-24 - 21:36	UnknownUser	Dot graph up-down-left
gif	dot_udlr.gif	r1	manage	0.1 K	2003-11-24 - 21:34	UnknownUser	Dot graph up-down-left-right
gif	dot_udr.gif	r1	manage	0.1 K	2003-11-24 - 21:35	UnknownUser	Dot graph up-down-right
gif	dot_ul.gif	r1	manage	0.1 K	2003-11-24 - 21:35	UnknownUser	Dot graph up-left
gif	dot_ulr.gif	r1	manage	0.1 K	2003-11-24 - 21:36	UnknownUser	Dot graph up-left-right
gif	dot_ur.gif	r1	manage	0.1 K	2003-11-24 - 21:34	UnknownUser	Dot graph up-right
gif	edittopic.gif	r2 r1	manage	0.9 K	2002-10-30 - 22:27	UnknownUser	Edit topic
gif	empty.gif	r1	manage	0.1 K	2003-11-17 - 19:45	UnknownUser	Empty transparent 16x16 spacer
gif	folder.gif	r1	manage	0.9 K	2004-01-29 - 03:15	UnknownUser	Folder
gif	globe.gif	r1	manage	1.0 K	2004-01-29 - 03:15	UnknownUser	Globe
gif	help.gif	r1	manage	0.1 K	2001-09-27 - 20:40	UnknownUser	Help
gif	home.gif	r1	manage	0.2 K	2003-03-07 - 01:10	UnknownUser	Home
gif	hourglass.gif	r1	manage	0.1 K	2003-06-07 - 17:55	UnknownUser	Hour glass
gif	line_ld.gif	r1	manage	0.1 K	2003-11-24 - 21:09	UnknownUser	Line graph left-down
gif	line_lr.gif	r1	manage	0.1 K	2003-11-24 - 21:08	UnknownUser	Line graph left-right
gif	line_lrd.gif	r1	manage	0.1 K	2003-11-24 - 21:10	UnknownUser	Line graph left-right-down
gif	line_rd.gif	r1	manage	0.1 K	2003-11-24 - 21:08	UnknownUser	Line graph right-down
gif	line_ud.gif	r1	manage	0.1 K	2003-11-24 - 21:07	UnknownUser	Line graph up-down
gif	line_udl.gif	r1	manage	0.1 K	2003-11-24 - 21:10	UnknownUser	Line graph up-down-left
gif	line_udlr.gif	r1	manage	0.1 K	2003-11-24 - 21:08	UnknownUser	Line graph up-down-left-right
gif	line_udr.gif	r1	manage	0.1 K	2003-11-24 - 21:09	UnknownUser	Line graph up-down-right
gif	line_ul.gif	r1	manage	0.1 K	2003-11-24 - 21:09	UnknownUser	Line graph up-left
gif	line_ulr.gif	r1	manage	0.1 K	2003-11-24 - 21:10	UnknownUser	Line graph up-left-right
gif	line_ur.gif	r1	manage	0.1 K	2003-11-24 - 21:08	UnknownUser	Line graph up-right
gif	lock.gif	r1	manage	0.9 K	2004-03-26 - 19:05	UnknownUser	Lock
gif	lockfolder.gif	r1	manage	0.9 K	2004-03-26 - 19:06	UnknownUser	Locked folder
gif	lockfoldergray.gif	r1	manage	0.9 K	2004-03-26 - 19:05	UnknownUser	Locked folder, gray
gif	locktopic.gif	r1	manage	0.9 K	2004-03-26 - 19:10	UnknownUser	Locked topic
gif	locktopicgray.gif	r1	manage	0.9 K	2004-03-26 - 19:12	UnknownUser	Locked topic, gray
gif	mail.gif	r1	manage	0.9 K	2004-01-11 - 18:33	UnknownUser	Mail
gif	new.gif	r1	manage	0.2 K	2002-04-14 - 03:17	UnknownUser	New
gif	newtopic.gif	r1	manage	0.2 K	2003-01-21 - 20:51	UnknownUser	New topic
gif	note.gif	r1	manage	0.9 K	2004-03-23 - 21:18	UnknownUser	Note
gif	notify.gif	r1	manage	0.2 K	2003-03-08 - 01:00	UnknownUser	Notify
gif	pencil.gif	r1	manage	0.2 K	2002-04-14 - 03:17	UnknownUser	Pencil
gif	printtopic.gif	r1	manage	0.1 K	2003-01-18 - 02:15	UnknownUser	Print topic
gif	recentchanges.gif	r1	manage	0.9 K	2004-03-23 - 21:19	UnknownUser	Recent Changes
gif	refreshtopic.gif	r1	manage	0.9 K	2004-03-28 - 00:02	UnknownUser	Refresh topic
gif	rfc.gif	r1	manage	0.2 K	2003-06-07 - 17:50	UnknownUser	Request for comments
gif	searchtopic.gif	r1	manage	0.2 K	2003-01-18 - 02:15	UnknownUser	Search topic
gif	stargold.gif	r1	manage	0.2 K	2003-10-01 - 02:10	UnknownUser	Favorites
gif	starred.gif	r1	manage	0.1 K	2002-04-14 - 03:18	UnknownUser	Star
gif	stop.gif	r1	manage	0.9 K	2003-04-23 - 23:42	UnknownUser	Stop
gif	target.gif	r1	manage	0.2 K	2004-02-25 - 19:48	UnknownUser	Blue Target
gif	tip.gif	r2 r1	manage	0.1 K	2001-12-03 - 01:15	UnknownUser	Tip
gif	topicbacklinks.gif	r1	manage	0.9 K	2004-01-11 - 16:59	UnknownUser	Topic back-links
gif	topicdiffs.gif	r1	manage	0.9 K	2004-01-11 - 16:59	UnknownUser	Topic difference
gif	updated.gif	r1	manage	0.3 K	2002-04-14 - 03:17	UnknownUser	Updated
gif	viewtopic.gif	r2 r1	manage	0.9 K	2002-10-30 - 22:27	UnknownUser	View topic
gif	warning.gif	r1	manage	0.1 K	2001-09-27 - 20:41	UnknownUser	Warning
gif	watch.gif	r1	manage	0.9 K	2003-04-24 - 00:49	UnknownUser	Watch
gif	wip.gif	r1	manage	0.2 K	2003-06-07 - 17:49	UnknownUser	Work in progress

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

TWiki

Webs
GNHLUG
Main
Org
TWiki

Copyright © 1999-2024 by the contributing authors. All material from TWiki is the property of the contributing authors.
Questions, comments, or concerns? Contact GNHLUG.
All use of this site subject to our Legal Notice (includes Terms of Service).