Battlestar Wiki:CSS: Difference between revisions
From Battlestar Wiki, the free, open content Battlestar Galactica encyclopedia and episode guide
Steelviper (talk | contribs) (minor sp) |
m (sp) |
||
Line 1: | Line 1: | ||
{{Project|CSS|shortcut=BW:CSS}} | {{Project|CSS|shortcut=BW:CSS}} | ||
To help you understand how to use the new "Styles" that have been installed, this reference article has been created to tell you the most basic options on how to create "cross-compatible" elements with all the styles. This happens because each style has | To help you understand how to use the new "Styles" that have been installed, this reference article has been created to tell you the most basic options on how to create "cross-compatible" elements with all the styles. This happens because each style has their own CSS file and their own colors. So no matter how you look at the elements, they always show up the same way. These are the major ones so that's why they are here. | ||
== Creating | == Creating Infoboxes == | ||
=== Example === | === Example === |
Revision as of 08:03, 8 June 2007
| |||||
To help you understand how to use the new "Styles" that have been installed, this reference article has been created to tell you the most basic options on how to create "cross-compatible" elements with all the styles. This happens because each style has their own CSS file and their own colors. So no matter how you look at the elements, they always show up the same way. These are the major ones so that's why they are here.
Creating Infoboxes
Example
class="infoboxheader" | |
Overall Class: | class="infobox" |
- infobox: Always pushes table to the right
- infoboxheader: Highlight a row or cell.
Code
{| class="infobox" |- class="infoboxheader" | colspan="2" style="text-align: center;" | class="infoboxheader" |- | style="white-space: nowrap;"| '''Overall Class:''' | class="infobox" |}
Creating Message Box
Example
Code
Creation Content Boxes
Example
| ||
---|---|---|
class="contentbox" |
- contentbox: Used on the overall table
- contentbox-th: If you are going to have a table caption, you need this.
- contentbox-header: Used on internal table that is inside "contentbox"
Code
{| class="contentbox" width="100%" cellpadding="2" cellspacing="5" ! class="contentbox-th" | <!-- Nothing ever goes here --> {| class="contentbox-header" | {{Click|image=BSG WIKI Joe.png|link=#Intro|width=25px|height=25px}} | class="contentbox-header" |} |- | class="contentbox" |- |}