Difference between revisions of "Template:Textbox"

From Custom Mario Kart
Jump to navigation Jump to search
Line 24: Line 24:
  
 
Edit this tempalte to explore the simple usage of this template and the same named css style.
 
Edit this tempalte to explore the simple usage of this template and the same named css style.
 +
 +
The rounded corners and the shadows are part of HTML5 and modeled in CSS. Modern browsers like Firefox, Opera, Chrome and others support that, but not the Internet Explorer.
 +
  
 
== Textbox Examples ==
 
== Textbox Examples ==
Line 39: Line 42:
 
{{textbox|news|News|A news box. At this moment a news box looks like a cyan box, but this may change.}}
 
{{textbox|news|News|A news box. At this moment a news box looks like a cyan box, but this may change.}}
  
The rounded corners and the shadows are part of HTML5 and modeled in CSS. Modern browsers like Firefox, Opera, Chrome and others support that, but not the Internet Explorer.
 
  
 
== Table Examples ==
 
== Table Examples ==

Revision as of 09:35, 19 March 2011

Usage

This whole template is css supported!

usage: {{textbox|attributes|head|body}}
or with tables: class="textbox class"
  • attributes: Empty or one of the following keywords:
    • 'red', 'green', 'cyan': setup color.
      • Guide: Use 'green' for summaries, 'red' for warnings, alerts and attentions and blue (not set) fpr standard text boxes.
    • 'news': special style for news on main page.
    The default color is blue. Add the any number of the following keywords to modify the layout:
    • 'center': center the body text
    • 'float-left': create a left floated table.
    • 'float-right': create a right floated table.
    ' 'grid': enable a colored grid between cells in tables.
  • head : Empty ot text for head line.
  • body: Any text for inside of the box.

Edit this tempalte to explore the simple usage of this template and the same named css style.

The rounded corners and the shadows are part of HTML5 and modeled in CSS. Modern browsers like Firefox, Opera, Chrome and others support that, but not the Internet Explorer.


Textbox Examples

Blue Title
This is an text box. The standard color is blue
Red Title
Red colored boxes are also possible. The text is centered.
Green Title
Green colored boxes are also possible.
Cyan Title
Cyan colored boxes are also possible.
This is centered text in a box without header.
News
A news box. At this moment a news box looks like a cyan box, but this may change.


Table Examples

Caption
Attributes: float-right grid red
Info: Floated tables have always a limited width.
Caption
Attributes: (none)
Info 1: Non floated tables uses as default the whole parent width.
Info 2: This table is set without 'grid'.
Caption
Attributes: grid
Info 1: Non floated tables uses as default the whole parent width.
Info 2: This is the same table like above, but with 'grid'.