Shortcodes: Boxes & Tables

Table with Predefined Colors

BrowserVersionCSS GradePlatform
Firefox6.0.2AAAWin XP
Internet Explorer8CWin Vista
Chrome5BBWin 7
Safari5AAWin 7

Table: Striped Rows

BrowserVersionCSS GradePlatform
Firefox6.0.2AAAWin XP
Internet Explorer8CWin Vista
Chrome5BBWin 7
Safari5AAWin 7

Table: Hover Rows

BrowserVersionCSS GradePlatform
Firefox6.0.2AAAWin XP
Internet Explorer8CWin Vista
Chrome5BBWin 7
Safari5AAWin 7

Contextual classes

Use contextual classes to color table rows or individual cells.

  • .active – Applies the hover color to a particular row or cell
  • .success – Indicates a successful or positive action
  • .warning – Indicates a warning that might need attention
  • .danger – Indicates a dangerous or potentially negative action
BrowserVersionCSS GradePlatform
defaultCol contentCol contentCol content
activeCol contentCol contentCol content
successCol contentCol contentCol content
warningCol contentCol contentCol content
dangerCol contentCol contentCol content

Other table colors:

Predefined colors:
table-default, table-primary, table-success, table-warning, table-danger, table-info, table-pink, table-teal, table-orange, table-purple, table-brown, table-black

BrowserVersionCSS GradePlatform
Firefox6.0.2AAAWin XP
Internet Explorer8CWin Vista
Chrome5BBWin 7
Safari5AAWin 7
BrowserVersionCSS GradePlatform
Firefox6.0.2AAAWin XP
Internet Explorer8CWin Vista
Chrome5BBWin 7
Safari5AAWin 7
BrowserVersionCSS GradePlatform
Firefox6.0.2AAAWin XP
Internet Explorer8CWin Vista
Chrome5BBWin 7
Safari5AAWin 7
BrowserVersionCSS GradePlatform
Firefox6.0.2AAAWin XP
Internet Explorer8CWin Vista
Chrome5BBWin 7
Safari5AAWin 7
BrowserVersionCSS GradePlatform
Firefox6.0.2AAAWin XP
Internet Explorer8CWin Vista
Chrome5BBWin 7
Safari5AAWin 7
[table class="table-danger"]
    
Browser Version CSS Grade Platform
Firefox 6.0.2 AAA Win XP
Internet Explorer 8 C Win Vista
Chrome 5 BB Win 7
Safari 5 AA Win 7
[/table]

Styled Boxes

While not always necessary, sometimes you need to put your CONTENT in a box. For those situations, try the Box shortcode.

Basic example

Basic panel example

Box with heading

Box Title
Box content

Box with footer

default – Box content

Color versions:

Can be combined with icons

Primary
primary – Box content
success
success – Box content
info
info – Box content
warning
warning – Box content
danger
danger – Box content
pink
Box content
teal
Box content
purple
Box content
orange
Box content
brown
Box content
black
Box content
[styled_box title="orange" icon="" footer="" class="panel-orange"]Box content[/styled_box]

[styled _box] colors: orange (default), pink, brown, violet, turquoise, green, blue, dark, purple, brown, cyan

E-Arena

Ηλεκτρονική Αρένα.

Παρουσιάσεις παιχνιδιών,

cheats, guides

Twitter

AMD Radeon Software Crimson ReLive 17.10.1 https://t.co/fu0xKUjLta https://t.co/U0HHyEHqXy
AMD Radeon Software Crimson ReLive 17.10.1 - https://t.co/fhACgWlGsd
Windows 10 Fall Creators Update: The complete changelog https://t.co/TiANdNrNNP https://t.co/lo2PfyWzTA

Flickr Widget