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[edit]
Example[edit]
class="infoboxheader" | |
Overall Class: | class="infobox" |
- infobox: Always pushes table to the right
- infoboxheader: Highlight a row or cell.
Code[edit]
{| class="infobox" |- class="infoboxheader" | colspan="2" style="text-align: center;" | class="infoboxheader" |- | style="white-space: nowrap;"| '''Overall Class:''' | class="infobox" |}
Creating Message Box[edit]
Example[edit]
Code[edit]
Creation Content Boxes[edit]
Example[edit]
| ||
---|---|---|
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[edit]
{| 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"
|-
|}