From Fedora Project Wiki

m (1 revision(s))
m (Fixed templates)
 
(One intermediate revision by the same user not shown)
Line 2: Line 2:


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.
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.
All the elements should be attached to this very page to facilitate short URLs and be remembered easily. Here's a quick link to the page's attachments:
[[WikiElements?action=AttachFile|  View attachments]]
[[TableOfContents(2)] 


{{Anchor|message-boxes}}
{{Anchor|message-boxes}}
Line 14: Line 8:
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.
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.


{{ Template:message/note |  Hey, I'm a note. Just reminding you, in case you forgot.  
{{Admon/note |  Hey, I'm a note. Just reminding you, in case you forgot.}}
}}


{{ Template:message/notice |  I'm a box with a notice. Slightly louder than the previous guy.  
{{Admon/tip |  I'm a box with a notice. Slightly louder than the previous guy.}}
}}


{{ Template:message/warning |  I'm the guy that you don't want to hear me saying "I told you this would happen."  
{{Admon/important |  I'm the guy that you don't want to hear me saying "I told you this would happen."}}
}}


{{ Template:message/warning2 |  Don't listen to me and you might hurt yourself. Badly.  
{{Admon/caution |  Don't listen to me and you might hurt yourself. Badly.}}
}}


{{ Template:message/warning3 |  If you see me, you could die shortly. Maybe even before I finish what I'm saying.  
{{Admon/warning |  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:
The code for the above is like the following:


<pre>
<pre>
{{ Template:message/note |  A note  
{{Admon/note |  A note}}
}}


{{ Template:message/notice | A notice
{{Admon/tip | A tip}}
}}


{{ Template:message/warning | A warning
{{Admon/important | An important message}}
}}


{{ Template:message/warning2 | A louder warning
{{Admon/caution | A cautionary message}}
}}


{{ Template:message/warning3 | The ultimate warning  
{{Admon/warning | The ultimate warning}}
}}
</pre>
</pre>


Line 52: Line 36:
Message boxes can have titles as well:
Message boxes can have titles as well:


{| style="message note"
{{Admon/note | Main text... | Even more text...}}
|-
| May the source be with you.
|}


Code:
Code:


<pre>
<pre>{{Admon/note | Main text... | Even more text...}}</pre>
{| style="message note"
|-
| Main text...
|-
| Even more text...
|}
</pre>


== Icons ==
== Icons ==


{| border="1"
{{Admon/warning | Nothing here should be considered a "standard", unless this notice is removed.}}
|-
| {{Template:Warning}} 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.
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.


{| style="t1" rowclass="th" -7:
{|
|-
|-
|<rowclass="th2" -4:> Images ||<|2> Name ||<|2> Description ||<|2> Example
! Images || Name || Description || Example
|-
|-
|<rowclass="th2" :> XS ||<:> S ||<:> M ||<:> L
| XS || S || M || L
|-
|-
| || || [[Image:WikiElements_meetingM.png]] || [[Image:WikiElements_meetingL.png]] || meeting.png || Used for meetings, schedules etc. || [[DocsProject/SteeringCommittee/Meetings| Docs meetings]]
| || || [[Image:WikiElements_meetingM.png]] || [[Image:WikiElements_meetingL.png]] || meeting.png || Used for meetings, schedules etc. || [[DocsProject/SteeringCommittee/Meetings| Docs meetings]]
Line 108: Line 79:


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


Line 114: Line 85:


<pre>
<pre>
[[Image:WikiElements_WikiElements]]/meetingM.png
[[Image:WikiElements_WikiElements/meetingM.png]]
</pre>
</pre>


Latest revision as of 01:58, 3 June 2008

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.

Hey, I'm a note. Just reminding you, in case you forgot.
I'm a box with a notice. Slightly louder than the previous guy.
I'm the guy that you don't want to hear me saying "I told you this would happen."
Don't listen to me and you might hurt yourself. Badly.
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:

Main text...
Even more text...

Code: 

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

Icons

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

Retrieved from "https://fedoraproject.org/w/index.php?title=WikiElements&oldid=31079"