User:Sasa Stefanovic/Wikibars

From Wikimedia Commons, the free media repository
Jump to: navigation, search
Screen shot of Wikibars in action

This is page for colored wiki bars.

Using[edit]

To enable this to work on your wiki, you need to copy code bellow (example is for blue color) to local wikipedia Mediawiki:Monobook.css or Mediawiki:Common.css page. Than you can make some pages/templates like i did on example page.

/* Blue */
 
.BGblue1 { background-image: url("http://upload.wikimedia.org/wikipedia/commons/3/3e/BGblue1.jpg"); background-position:top; background-repeat:repeat-x;}
 
.BGblue2 { background-image: url("http://upload.wikimedia.org/wikipedia/commons/f/f7/BGblue2.jpg"); background-position:top; background-repeat:repeat-x;}
 
.PBcornerTop { background-image: url("http://upload.wikimedia.org/wikipedia/commons/b/b8/PBcornerTop2.gif"); background-position:top left; background-repeat:no-repeat; width:10px; height:10px;}
 
.PBcornerBottom { background-image: url("http://upload.wikimedia.org/wikipedia/commons/5/51/PBcornerBottom.gif"); background-position:bottom left; background-repeat:no-repeat; width:10px; height:10px;}
 
.PBradiusTop {background-image: url("http://upload.wikimedia.org/wikipedia/commons/e/e6/PBradiusTop.gif");    
   background-position:top left; 
   background-repeat:no-repeat; 
   width:13px; 
   height:13px;
}
 
.PBradiusBottom {background-image: url("http://upload.wikimedia.org/wikipedia/commons/e/e1/PBradiusBottom.gif"); 
   background-position:bottom left; 
   background-repeat:no-repeat; 
   width:13px; 
   height:13px;
}

Below are images needed to make this bar to work.

Blue version[edit]

Red version[edit]

Grey version[edit]