From Fedora Project Wiki

Common Wiki Elements

This page holds various elements (media) that could be reusable throughout the wiki such as banners, icons, HTML code, etc. Its purpose is to encourage code and media re-use by serving as a placeholder for such resourecs.

Message boxes

We've got some common ways to raise the message in a web page. Following are examples of message boxes, each one saying things of varying importance.

Note.png
Hey, I'm a note. Just reminding you, in case you forgot.
Idea.png
I'm a box with a notice. Slightly louder than the previous guy.
Important.png
I'm the guy that you don't want to hear me saying "I told you this would happen."
Stop (medium size).png
Don't listen to me and you might hurt yourself. Badly.
Warning.png
If you see me, you could die shortly. Maybe even before I finish what I'm saying.

The code for the above is like the following:

{{Admon/note |  A note}}

{{Admon/tip | A tip}}

{{Admon/important | An important message}}

{{Admon/caution | A cautionary message}}

{{Admon/warning | The ultimate warning}}

Titles and multi-line message boxes

Message boxes can have titles as well:

Note.png
Main text...
Even more text...

Code:

{{Admon/note | Main text... | Even more text...}}

Icons

Warning.png
Nothing here should be considered a "standard", unless this notice is removed.

Various icons and small images that some pages on the wiki use. We aim for simple names that convey the meaning of the icon/emblem.

Images Name Description Example
XS S M L
File:WikiElements meetingM.png File:WikiElements meetingL.png meeting.png Used for meetings, schedules etc. Docs meetings
File:WikiElements archiveM.png archive.png Used for archiving stuff (meeting minutes, etc)
File:WikiElements notesM.png notes.png Used for meeting minutes, notes, etc.
File:WikiElements questionS.png File:WikiElements questionM.png question.png Used to mark warnings and important notices.
File:WikiElements importantS.png File:WikiElements importantM.png important.png Used to mark notices, messages, etc.
File:WikiElements warningS.png File:WikiElements warningM.png warning.png Used to mark warnings and important notices.
File:WikiElements stopS.png File:WikiElements stopM.png stop.png Used to mark serious warnings.
File:WikiElements flagsXS.png File:WikiElements flagsS.png File:WikiElements flagsM.png File:WikiElements flagsL.png flags.png Used to denote translations.

Notes

  • Letters after the name mean: S=24px, M=48px, L=64px+.
  • Most of the icons are from the Echo icon set . The translations icon was done by DiegoZacarao.

To use them, you can write something like the following, depending on whether you want a small (S), medium (M), or large image (L):

[[Image:WikiElements_WikiElements/<name>{S,M,L}.png]]

For example, for a medium-sized meeting icon:

[[Image:WikiElements_WikiElements/meetingM.png]]


Capstrat banners

Capstrat, the designer of the Fedora logo, has produced the following graphics for use with the assorted Fedora projects. These images have not been endorsed by the Fedora Artwork or Fedora Websites teams.

File:WikiElements Fedora Wiki Headers 0000 Fedora Legacy.jpg

File:WikiElements Fedora Wiki Headers 0001 Fedora Web.jpg

File:WikiElements Fedora Wiki Headers 0002 Fedora Infrastructure.jpg

File:WikiElements Fedora Wiki Headers 0003 Fedora Directory Server.jpg

File:WikiElements Fedora Wiki Headers 0004 Fedora Ambassadors.jpg

File:WikiElements Fedora Wiki Headers 0005 Fedora Documentation.jpg

File:WikiElements Fedora Wiki Headers 0006 Fedora Extras.jpg

File:WikiElements Fedora Wiki Headers 0007 Fedora Core.jpg

File:WikiElements Fedora Wiki Headers 0008 Fedora Mentors.jpg

Web page design

If you are designing a web page, consider this look-and feel:

Two basic designs in these files:

File:WikiElements fpo-design-front.png File:WikiElements fpo-design-interior.png

A Fedora community member also created these:

[1]

Downloadable Files