The new book is out and I had planned to drop everything for just long enough to add the new information to http://harrypotter.wikidot.com . Unfortunately, It's going to take too long. So I'm back. :)

pbgone

In the time that I first mentioned p-b-gone in The Wiki Madman, I changed it's name to pbgone. Well, what is pbgone? It's a CSS class with a very specific purpose. Some of you adept in CSS will know what this does as soon as you see it. For those who don't, don't worry, I will explain all over the next couple of issues. First, here's pbgone itself:

 .pbgone p { padding:0px; margin:0px; } 

What pbgone does is nullify the effect of the <p> tag wikidot automatically puts around the text inside of [[div]]s. I know what you're thinking, you're thinking WTF? But hold on, pbgone helps you make things like this :

The secret is pbgone. Without pbgone, it looks like this :

The difference is that in the second infobox, the properties of the <p> in the title box are preserved, making it impossible to make it nice and neat.

Sorry to make this so short, in the next issue of The Wiki Madman, more on infoboxes, pbgone, etc.

Here's the code for the infobox :

[[div style="background-color:#EEE;border:1px solid #000;width:200px;"]]
[[div class="pbgone" style="background-color:#000;color:#FFF;font-weight:bold;padding:5px;"]]
Infobox Header
[[/div]]
[[div style="padding:5px"]]
content
content
content
content
[[/div]]
[[/div]]

And remember, pbgone itself needs to go in the CSS of your custom theme. If you want to use pbgone and still use a standard theme, base your custom theme off the one you want and only change it by inserting pbgone. (emphasis Phil's) :)

—hartnell