Welcome to the TWC Wiki! You are not logged in. Please log in to the Wiki to vote in polls, change skin preferences, or edit pages. See HERE for details of how to LOG IN.

Difference between revisions of "Help:CSS Classes"

From TWC Wiki
Jump to navigationJump to search
(div class = section added)
(bah wrong heading level)
Line 55: Line 55:
  
  
==div class="section"==
+
===div class="section"===
 
Nice simple one this for standard TWC looking boxes.
 
Nice simple one this for standard TWC looking boxes.
  

Revision as of 23:05, 4 July 2007

Classes

On this Wiki various 'classes' are set up in the CSS which allow standard types of coloured boxes etc to be created by calling the class instead of giving full information to make a table cell. The display effect and text required is shown below. Please note that these change according to which skin you are using. The main skins in use are TWC (default) and monobook, if you are designing anything complicated please check design in at least those two skins.


class="frontpage-wikinews"

{|
|-
| class="frontpage-wikinews" |
TEXT HERE
|}

TEXT HERE


class="frontpage-generalmodding"

{|
|-
| class="frontpage-generalmodding" |
TEXT HERE
|}

TEXT HERE


class="frontpage-m2tw"

{|
|-
| class="frontpage-m2tw" |
TEXT HERE
|}

TEXT HERE


div class="section"

Nice simple one this for standard TWC looking boxes.

<div class="section">
Text Here
</div>

Text Here


class=".infobox"

Info boxes appear to require a style section as well, "infobox bordered" will give internal cell division lines whereas "infobox" doesn't. (need to add section on positioning these correctly)

{| class="infobox bordered" style="margin:0.5em auto; "
|-
|-
|TEXT HERE
|- 
|more text
|}
|}
TEXT HERE
more text


{| class="infobox" style="margin:0.5em; "
|-
|TEXT HERE
|- 
|more text
|}
TEXT HERE
more text