Shortcodes: Boxes & Tables


Table with Predefined Colors

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: Striped Rows

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: Hover Rows

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

Contextual classes

                Use contextual classes to color table rows or individual cells.
                <ul>
                    <li><strong>.active</strong> - Applies the hover color to a particular row or cell</li>
                    <li><strong>.success</strong> - Indicates a successful or positive action</li>
                    <li><strong>.warning</strong> - Indicates a warning that might need attention</li>
                    <li><strong>.danger</strong> - Indicates a dangerous or potentially negative action</li>
                </ul>
Browser Version CSS Grade Platform
default Col content Col content Col content
active Col content Col content Col content
success Col content Col content Col content
warning Col content Col content Col content
danger Col content Col content Col content

Other table colors:

                Predefined colors: <br>
                    <strong>table-default, table-primary, table-success, table-warning, table-danger, table-info, table-pink, table-teal, table-orange, table-purple, table-brown, table-black</strong>
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
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
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
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
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 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


DMVGamers

DMV Gamers specializes in connecting DC, Maryland, and Virginia gamers by providing a centralized place for all things related to gaming including forums, online servers, and local gaming news. In addition, our team of technical experts provide reviews of computer components and gaming hardware, informing those who are considering upgrades and want to raise their competitive play to the next level.

Tweets

Retweeted Cloudy Heaven Games (@CloudyHeavenGms): #Gamers in the #dmv area, are you looking for an evening of… https://t.co/rfiMFmwbQK
RT @CloudyHeavenGms: #Gamers in the #dmv area, are you looking for an evening of #gaming and food? Join us at #daveandbusters to play games…
Gamers in Washington DC and worldwide might want to pay attention to this. A cryptocurrency app @electroneum design… https://t.co/go51itA4Ll

Flickr Photos