WikiDesign

1. Theming

Actually the main design of CentOS wiki is based on a default MoinMoin theme called modern and in the old Fedora wiki style.

DONWLOAD:

NOTE: The modern-CentOS theme has been renamed to TreeFlower. TreeFlower theme is the actual proposition for our wiki theme. It is the continuation of modern-CentOS theme. modern-CentOS theme is now a branch of TreeFlower.

1.1. Improvements

If you want to completely change the look an feel of CentOS wiki, you'll probably need to modify the .css and .py files inside the actual design or possibly build a completely new one. See HelpOnThemes.

If you are ok with the actual design line but want to do some work over it, you can redesign a few images to vary the wiki look. This is also useful when you build a new distro design and want to propagate it over the wiki.

The main images controlling wiki look are:

At redesign time, take into account the following:

moin-header-background.png

moin-toc-bg-blue.png

TIP: To save some time you can use the templates available in the Artwork Building Environment.

1.2. Installation

IMPORTANT: Do a backup of your MoinMoin files and directories before install these changes.

With the MoinMoin application installed:

  1. Download the last MoinThemeDesign tar.gz file.

  2. Unpack it.
  3. Run the install.sh script (./install.sh) as root. Before run it, read it. You'd need to change the WIKIINSTANCE and WIKILOCATION variables.

If you have not installed and configured your wiki instance yet, you could take a look to the scripts: moinmoin_postinstall.sh and moinmoin_postinstall_wikifarm.sh. They help you to install the wiki instace and prepare the configuration files for the install.sh script.

The install.sh script copies the TreeFlower theme files into your configured MoinMoin instance, then updates the configuration files to make this theme the default one.

2. Icons

The following icons are available to use in this wiki:

Icon

Wiki code

attachment:ArtWork/WikiDesign/icon-admonition-alert.png

attachment:ArtWork/WikiDesign/icon-admonition-attention.png

attachment:ArtWork/WikiDesign/icon-admonition-idea.png

attachment:ArtWork/WikiDesign/icon-admonition-star.png

attachment:ArtWork/WikiDesign/icon-admonition-error.png

attachment:ArtWork/WikiDesign/icon-admonition-info.png

attachment:ArtWork/WikiDesign/icon-admonition-download.png

Icon

Wiki code

attachment:ArtWork/WikiDesign/icon-arrow-right.png

attachment:ArtWork/WikiDesign/icon-arrow-right-blue.png

attachment:ArtWork/WikiDesign/icon-arrow-right-green.png

attachment:ArtWork/WikiDesign/icon-arrow-right-red.png

attachment:ArtWork/WikiDesign/icon-arrow-right-violet.png

attachment:ArtWork/WikiDesign/icon-arrow-right-orange.png

3. Admonitions

Admonitions help us to remark notes, ideas or important messages around the content.

||<class="lmimg blue"> ||||<class="lmtxt blue" (> ... ||

||<class="lmimg orange"> ||||<class="lmtxt orange" (> ... ||

||<class="lmimg green"> ||||<class="lmtxt green" (> ... ||

||<class="lmimg violet"> ||||<class="lmtxt violet" (> ... ||

||<class="lmimg red"> ||||<class="lmtxt red" (> ... ||

TIP: You also can combine icons with admonition messages:

||<class="lmimg orange"> attachment:ArtWork/WikiDesign/icon-admonition-idea.png ||||<class="lmtxt orange" (>  '''TIP:''' ... ||

4. Wiki Logo

5. Links

ArtWork/WikiDesign (last edited 2008-11-23 21:08:12 by AlainRegueraDelgado)