Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Battlestar Wiki:CSS: Difference between revisions

From Battlestar Wiki, the free, open content Battlestar Galactica encyclopedia and episode guide
Steelviper (talk | contribs)
minor sp
Catrope (talk | contribs)
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 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.
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 Infoboxs ==
== Creating Infoboxes ==


=== Example ===
=== Example ===

Revision as of 08:03, 8 June 2007

This page is one of Battlestar Wiki's many projects.
This page serves to coordinate discussion on a particular aspect of this Wiki. The formal recommendations of a project may be treated as policies.
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 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-header"
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"
|-
|}