• Home
  • Onze projecten
    • Permanente vorming
    • Voedselveiligheid
    • Waterproject
    • Medisch materiaal
  • Steun ons
    • Waarom ons steunen?
    • Gift
    • Maandelijks geven
    • Benefietactiviteit
    • Ingobyi in uw testament
  • Nieuws
  • Agenda
  • Wie zijn we?
    • Onze doelstellingen
    • Onze missie en visie
    • Onze mensen
    • Onze geschiedenis
  • Contacteer ons

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: Bordered

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.

  • .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
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:
table-default, table-primary, table-success, table-warning, table-danger, table-info, table-pink, table-teal, table-orange, table-purple, table-brown, table-black

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
default

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

SHORTCODES LIST

  • Get Involved
  • Projects
    • Recent Posts
    • Fresh from our Blog
    • Twitter
  • Projects
    • Recent Posts
    • Fresh from our Blog
    • Twitter
  • EVENTS
  • Pages
    • Blog
    • Image Galllery
    • Donate Page
    • Pricing Page
    • Shortcodes
      • Buttons & List
      • Text & Images
      • Charts
      • Columns with Sidebar
      • Columns full with
      • Lightbox
      • Videos & Galleries
      • Google Maps
      • Font Icons
      • Tabs & Toggles
      • Boxes & Tables
      • Typography
      • Widgets
      • Other
    • Slider Type
      • Text Slider
      • Image – Video
      • With Caption
    • 404 Page
  • Pages
    • Blog
    • Image Galllery
    • Donate Page
    • Pricing Page
    • Shortcodes
      • Buttons & List
      • Text & Images
      • Charts
      • Columns with Sidebar
      • Columns full with
      • Lightbox
      • Videos & Galleries
      • Google Maps
      • Font Icons
      • Tabs & Toggles
      • Boxes & Tables
      • Typography
      • Widgets
      • Other
    • Slider Type
      • Text Slider
      • Image – Video
      • With Caption
    • 404 Page
  • Contact
  • Donate Now

Projecten

  • Permanente vorming
  • Voedselveiligheid
  • Waterproject
  • Medisch materiaal
  • Cookiebeleid (EU)

Locaties

    met de steun van:



    Website door:
    Sinergio Webdesign Buggenhout

    Beheer cookie toestemming
    Wij gebruiken cookies om onze website en onze service te optimaliseren.
    Functionele cookies Altijd actief
    De technische opslag of toegang is strikt noodzakelijk voor het legitieme doel het gebruik mogelijk te maken van een specifieke dienst waarom de abonnee of gebruiker uitdrukkelijk heeft gevraagd, of met als enig doel de uitvoering van de transmissie van een communicatie over een elektronisch communicatienetwerk.
    Preferences
    De technische opslag of toegang is noodzakelijk voor het legitieme doel voorkeuren op te slaan die niet door de abonnee of gebruiker zijn aangevraagd.
    Statistieken
    De technische opslag of toegang die uitsluitend voor statistische doeleinden wordt gebruikt. De technische opslag of toegang die uitsluitend wordt gebruikt voor anonieme statistische doeleinden. Zonder dagvaarding, vrijwillige naleving door uw Internet Service Provider, of aanvullende gegevens van een derde partij, kan informatie die alleen voor dit doel wordt opgeslagen of opgehaald gewoonlijk niet worden gebruikt om je te identificeren.
    Marketing
    De technische opslag of toegang is nodig om gebruikersprofielen op te stellen voor het verzenden van reclame, of om de gebruiker op een website of over verschillende websites te volgen voor soortgelijke marketingdoeleinden.
    Beheer opties Beheer diensten Beheer leveranciers Lees meer over deze doeleinden
    Bekijk voorkeuren
    {title} {title} {title}