Difference between revisions of "MediaWiki Design"
From its-wiki.no
Josef.Noll (Talk | contribs) |
Josef.Noll (Talk | contribs) |
||
| Line 1: | Line 1: | ||
| − | This listing is closed ... we thanks to [[Neill Mitchell]] and [[Prescient]] | + | This listing is closed ... we thanks to [[Neill Mitchell]] and [[Prescient Software]] for their help in development of the new style. |
= How to = | = How to = | ||
| − | The main principle is to have a skin per namespace. The | + | The main principle is to have a skin per namespace. The skin BIF contains the settings for the Basic Internet, and the main page [[BasicInternet:Basic_Internet]] contains the following elements: |
| + | {| class="wikitable" | ||
| + | ! colspan="2" | Menu: [[Template:BIF_Navbar]] | ||
| + | |- | ||
| + | | colspan="2" | Picture: [[Template:BIF_Slideshow]] | ||
| + | |- | ||
| + | | [[Template:BIF_About]] | ||
| + | | [[BIF_News]] | ||
| + | |- | ||
| + | | colspan="2" | Footer | ||
| + | |} | ||
| + | In order to create a new skin for a namespace, do the following | ||
| + | : 1) copy the BIF skin, as well as the BIF*.php files into a new skin, e.g. GravidPluss | ||
| + | : 2) edit the css accordingly ... ''more info required'' | ||
| + | : 3) Upload a logo and a banner | ||
| + | : 4) Create templates and pages (see example of BIF in the table) | ||
| + | == Open issues == | ||
| + | * Q: how to have a specific footer? | ||
| + | :: A: | ||
| + | * how to have a slideshow for multiple banners/pictures? | ||
| + | * | ||
= Old: Design suggestions for the Semantic MediaWiki = | = Old: Design suggestions for the Semantic MediaWiki = | ||
Revision as of 20:30, 14 January 2015
| Wiki for ITS | ||||||
|---|---|---|---|---|---|---|
|
|
This listing is closed ... we thanks to Neill Mitchell and Prescient Software for their help in development of the new style.
How to
The main principle is to have a skin per namespace. The skin BIF contains the settings for the Basic Internet, and the main page BasicInternet:Basic_Internet contains the following elements:
| Menu: Template:BIF_Navbar | |
|---|---|
| Picture: Template:BIF_Slideshow | |
| Template:BIF_About | BIF_News |
| Footer | |
In order to create a new skin for a namespace, do the following
- 1) copy the BIF skin, as well as the BIF*.php files into a new skin, e.g. GravidPluss
- 2) edit the css accordingly ... more info required
- 3) Upload a logo and a banner
- 4) Create templates and pages (see example of BIF in the table)
Open issues
- Q: how to have a specific footer?
- A:
- how to have a slideshow for multiple banners/pictures?
Old: Design suggestions for the Semantic MediaWiki
Ongoing skin development (in german)
Free skins
vertical and horizontal menus, and more info
Creating a custom skin for Mediawiki
- tutorial at http://blog.redwerks.org/2012/02/08/mediawiki-skinning-tutorial/
- Custom skin extensions: http://www.mediawiki.org/wiki/Category:Skin_extensions
Nice design with drop-down: http://en.openei.org/wiki/Main_Page
- http://www.richardcarterconsultancy.com/2011/12/stunning-mediawiki-skin-design/
- clean Blogg: http://en.openei.org/community/content/energy-blogs
- latest content http://en.openei.org/community/ (**** preferred format *****)
Should contain the possibility for "mobile device viewing".
