WikiStyle (editing help), also in:
The following are some resources for you to get started customizing your CSS. Briefly, premium accounts with CSS enabled are capable of redefining the look of their wikis by defining their own CSS styles in a wiki.css file that they then upload. The following resources show you how to create that file, which can then be uploaded to your wiki and automatically detected.
Sections are followed with short descriptions so you can find exactly what you are looking for.
Basic information on CSS & HTML, and the difference between the two. This is the best place to start if you have never been exposed to CSS before.
This page discusses how to create your stylesheet and the basic declaration syntax with some simple examples.
Once you are comfortable with the syntax, you will want to start fiddling with more wiki elements to fine-tune your CSS styles. This diagram shows the most fundamental elements and their relationships to one another.
Although you will be exposed to a fair number of properties in the previous pages, some courageous users will want a comprehensive list of properties. This listing shows all properties and their possible values, with PBwiki specific examples.
Some users may feel the need to micromanage their customizations even more: this page discusses the elements that you may not immediately know how to access based on the information above. For example, how do you access the styles for the white boxes created from having leading spaces? (the answer: they are <div> tags of the class "breakout")
For those users who don't necessarily need to know all the inner workings of CSS, this cheat sheet is a listing of CSS that can easily be "cut and pasted" into a wiki.css file.
Many of these pages use Javascript for dynamic (immediate) examples of CSS declarations. The Javascript is typically tested for at Firefox 1.5+, Internet Explorer 5.0+, and Opera 8.0+. Safari has trouble with the style-setting scripts.
Page Information
|
Wiki Information
|
Recent PBwiki Blog Posts |