pbcss

 

Creating a Custom Background

Page history last edited by Zypodulous 3 yrs ago


 

Creating a Custom Background

 

Creating a custom background in your Wiki.CSS File is easy.

 

 

Changing Your Background

 

There are 2 codes at the beginning of your Wiki.css File that partain to the Background of your pbWiki.

 

The first is under the listing called "body" and will look similar to the following:

 

body {

background:url("images/bg_pattern.gif") 0 0 repeat;

color:#000000;

font:100% Verdana, Tahoma, sans-serif;

margin:0;

min-width:700px;

padding:0;

text-align:center;

 

Note the Second line..

 

background:url("images/bg_pattern.gif") 0 0 repeat;

 

This command line controls the overall background of your entire Wiki. When used with the Snake Skin theme which this Wiki is using, it controls the lighter colored background Border along the outside edge.

 

The Second part of altering your Background can be found justrbelow the BODY section, in a section listed as "#root" which will look a little like the following:

 

#root {

background:#eaf3d9;

text-align:left;

margin: 10px;

border:4px solid #c2cdad;

 

Again, you are looking att he Second Line here.

 

background:#eaf3d9;

 

When using the Snake Skin Theme as this Site is using, this Command Line changes the primary BIEGE Color to whatever you want. You can even copy/paste the same command line from the BODY Section and have the entire background match.

 

Tiled Background

 

Want your Background to be Tiled? Well again refer to the Second Line of the BODY section discussed just above here.

 

Look for where it says: 0 0 repeat;

 

That is the command telling your CSS to Tile your Background Image.

 

 

Uploading a File to use as a Tiled Background

 

Refer to the following line from the "Body" Section:

 

background:url("images/bg_pattern.gif") 0 0 repeat;

 

When you upload a File into your PBwiki, simply copy/paste its URL into the paranthesis of that line.

 

You can do the same with the Background Command Line of the "Root" section described above as well.

Comments (0)

You don't have permission to comment on this page.