initial save |
saved; not finshed |
||
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-compatiable" elements with all the styles. This happens because each style has there own CSS file and their own colors. So no matter how you look at the elements, they always show up the same way. | 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-compatiable" elements with all the styles. This happens because each style has there 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 Infoboxs == | |||
=== Example === | |||
{| class="infobox" | |||
|- class="infoboxheader" | |||
| colspan="2" style="text-align: center;" | class="infoboxheader" | |||
|- | |||
| style="white-space: nowrap;"| '''Overall Class:''' | |||
| class="infobox" | |||
|} | |||
* '''infobox''': Always pushes table to the right | |||
* '''infoboxheader''': Highlight a row or cell. | |||
=== Code === | |||
<pre> | |||
{| class="infobox" | |||
|- class="infoboxheader" | |||
| colspan="2" style="text-align: center;" | class="infoboxheader" | |||
|- | |||
| style="white-space: nowrap;"| '''Overall Class:''' | |||
| class="infobox" | |||
|} | |||
</pre> | |||
== Creating Message Box == | |||
=== Example === | |||
=== Code === | |||
== Creation Content Boxes == | |||
=== Example === | |||
{| 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" | |||
|- | |||
|} | |||
=== Code === | |||
<pre> | |||
{| 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" | |||
|- | |||
|} | |||
</pre> |
Revision as of 05:00, 22 August 2006
| |||||
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-compatiable" elements with all the styles. This happens because each style has there 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 Infoboxs[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" |
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"
|-
|}