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
m (TWC Wiki:Editing Info moved to Help:CSS Classes: moved to help namespace and trying to think of better name)
(div class = section added)
Line 54: Line 54:
 
|}
 
|}
  
 +
 +
==div class="section"==
 +
Nice simple one this for standard TWC looking boxes.
 +
 +
<span style="font-weight:bold; color:brown"><nowiki><div class="section"></nowiki></span>
 +
Text Here
 +
<span style="font-weight:bold; color:brown"><nowiki></div></nowiki></span>
 +
 +
<div class="section">
 +
Text Here
 +
</div>
  
  

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