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.
Comments (0)
You don't have permission to comment on this page.