Definition of CSS spec used in modified skin

gumax_link_navigation.css

  • – web site link and navigation style
  • Header
  • – login Tools
  • – navgation menu style
    Navigation bar on the top, can change text and background color
  • Main content
  • —- Navigation
  • —- new link style
  • —- internal and external link style
  • —- internal link navigation style
  • —- external link navigation style
  • —- internal and external active link style
  • Navigation
  • Footer
  • – content Actions
    Links on the footer, can change text and background color
  • – personal Tools
  • – gumax-footer
  • Table pager
  • The end

gumax_template.css

  • Basic Structure
  • – Setting for the Website: font style, font size
  • —- content width, excluding shadow
  • —- main content style
    Lines drawn round content at the sides
  • —- content actions
    footer background color

gumax_main.css

  • web site link and navigation style
    – Your customization: un-comment lines according to your needs
  • header size
  • page size
  • The end
Posted: July 23, 2007 Comments (0)

How to change the Logo

You can change the Logo of the wiki by altering the $wgLogo variable in LocalSettings.php to the name of the image you want to use as a logo.

Please note that this logo should be placed in the /skins/common/images/ folder.

You can change the icon that is displayed in the address bar of your browser by changing a value in the /includes/Skin.php. Change the line from:

‘href’ => ‘/favicon.ico’ to ‘href’ => ‘/path/to/your/favicon.ico’.

Posted: July 21, 2007 Comments (0)

How to chage Skins/Templates

You can create a skin all by yourself by following the steps provided below:

  1. Go to your mediawiki directory;
  2. Copy the monobook directory and name it with the name of your skin, e.g: mygepskin;
  3. Copy the MonoBook.php file and name it with the name of your skin, e.g: MyGepSkin.php;
  4. Edit MyGepSkin.php and change the class name to SkinMyGepSkin, e.g: class SkinMyGepSkin extends SkinTemplate;
  5. In MyGepSkin.php, change make the other class to have your skin name together with the word Template, e.g: class MyGepSkinTemplate extends QuickTemplate;
  6. In MyGepSkin.php, make $this->skinname to have a string value of your skin name, e.g: ‘mygepskin’;
  7. In MyGepSkin.php, make $this->stylename to have a string value of your skin name, e.g: ‘mygepskin’;
  8. In MyGepSkin.php, make $this->template to have a string value of your skin name properly capitalised with the word Template, e.g: ‘MyGepSkinTemplate’;
  9. In your mygepskin directory edit the image and CSS files;
  10. Edit and customise MyGepSkin.php as you please;
  11. In LocalSettings.php set $wgDefaultSkin = ‘mygepskin’.

    ref:http://www.ehartwell.com/TechNotes/FrontPageWithMediaWiki.htm

Posted: Comments (0)