CSS Code Snippets from users at pbwiki

For changing the look and feel of your wiki. See the official FAQ for CSS wiki styles http://pbwiki.com/cssfaq.php
Note: Editing the CSS style sheets is only possible from a Premium account.



Remove the SideBar title from your wiki

2 Jan 2005, From Andrew Alder at the CyberChurch wiki.

#SideBar {background-color: #ffffff;}
.SideBarTitle {display: none;}


Adding a background picture to the wiki

3 Jan 2005, From Clif Notes at FreewareWiki

#root {background: url("http://freewarewiki.pbwiki.com/f/clouds000.jpg");
margin: 5px 23px 0;}


Change the Peanut butter sandwich in upper right corner.

(Stolen from Clif's freeware .css)

#header h1 { background: url("http://freewarewiki.pbwiki.com/f/GetYourWiki.gif") 0 0 no-repeat;
position:absolute;
right:4px;
top:6px;
margin: 0;
padding: 0;
}

And change the size of the displayed image as well:

#header h1 a {display:block;
height:37px;
width:90px;
}
#header h1 a span {
display:none;
}


Highlight edits with custom font and background color

1 December 2006 from Stephen Fleming

For when blockquote just isn't enough...

We're posting documents on our PBwiki and multiple people are editing them. After a while, everything blurs together. Sometimes, it's nice to draw attention to a new section that you've added. You can use <blockquote> but that can look pretty clunky, and there is no way to distinguish between multiple editors.

By pasting a bit of code into wiki.css, you can customize exactly how you want the edits to look. This sample will use a handwriting font on a light yellow background, indented 3/4 inch:

.yellownote {
background: #FF9;
padding-left: 48px;
font-family: 'Comic Sans MS'; cursive;
}

Then, when you are editing a PBwiki page, just refer to this as a <div>:

Text you didn't edit.
<div style=yellownote>
Your edited text here
</div>
More text you didn't edit...

Obviously, you can set up multiple versions... named with colors, individual's name (stephensnotes), etc.


Page Information

  • 1 year ago [history]
  • View page source
  • You're not logged in
  • No tags yet learn more

Wiki Information

Recent PBwiki Blog Posts