Wiki Design

Do you want to improve content presentation ?

1. Tools

• Inkscape

• Firebug

2. Theme

Do you want to improve the wiki theme ? do you think something particular is missing ? ... share it on <centos-docs AT centos DOT org> mailing list.

3. Messages

Sometimes is needed to remark notes, ideas or important messages over the content. Here are some message examples that you can use in your articles.

||<id="lmimg" class="blue" :^> attachment:ArtWork/Wiki/info.png ||||<id="lmtxt"  class="blue" (^> ~+'''Note:'''+~[[BR]][[BR]] ... ||

||<id="lmimg" class="orange" :^> attachment:ArtWork/Wiki/attention.png ||||<id="lmtxt" class="orange" (> ~+'''Important:'''+~ [[BR]][[BR]] ...||

||<id="lmimg" class="orange" :^> attachment:ArtWork/Wiki/idea.png ||||<id="lmtxt" class="orange"(> ~+'''Idea:'''+~ [[BR]][[BR]] ... ||

||<id="lmimg" class="red" :^> attachment:ArtWork/Wiki/error.png ||||<id="lmtxt" class="red" (> ~+'''Stop:'''+~ [[BR]][[BR]] ... ||

3.1. How to include them on my articles ?

To include the above messages on your articles, you need to copy the message wiki code (that text below colorful message example) first and then, while you are editing the article, paste it on the position of your article where you want it to appear.

3.2. There are other color combinations ?

Yes . In modern-CentOS-1.8 we have three types of messages, and each one have five color classes. The following examples show some combinations:

||<id="dmimg" class="orange" :> attachment:ArtWork/Wiki/alert.png ||||<id="dmtxt" class="orange" (> dark orange color, high text contrast. ||

||<id="mmimg" class="orange" :> attachment:ArtWork/Wiki/alert.png ||||<id="mmtxt" class="orange" (> not so dark orange color, not so good text contrast. ||

||<id="lmimg" class="green" :> attachment:ArtWork/Wiki/alert.png ||||<id="lmtxt" class="green" (> soft green color, nice text contrast. ||

Available classes are: red, orange, blue, green, and violet

4. Icons

You can use the following icons to complement the left side of your messages:

Do you want to improve the icon set ? See the related project file.