Buttons & Lists

Shortcodes is a HTML-specific code that lets you do nifty things with very little effort. Shortcodes can embed files or create objects that would normally require lots of complicated, ugly code in just one line. Shortcode = shortcut.

Buttons Options:

Use any of the available button classes to quickly create a styled link/button.

Default Shadow Transparent Arrowed

[button size="" link="#1" textcolor="#fff" class="" target="_self" enabled="true"]Default[/button]
[button size="" link="#2" textcolor="#fff" class="btn-shadow" target="_self" enabled="true"]Shadow[/button]
[button size="" link="#3" textcolor="#fff" class="btn-transparent" target="_self" enabled="true"]Transparent[/button]
[button size="" link="#4" textcolor="#69616c" class="btn-arrow" target="_self" enabled="true"]Arrowed[/button]

Disabled Buttons

Add the disabled attribute to buttons to make them look unclickable (fading them back 50%)

Default Shadow Transparent Arrowed

[button size="" link="#1" textcolor="#fff" class="" target="_self" enabled="false"]Default[/button]
[button size="" link="#2" textcolor="#fff" class="btn-shadow" target="_self" enabled="false"]Shadow[/button]
[button size="" link="#3" textcolor="#69616c" class="btn-transparent" target="_self" enabled="false"]Transparent[/button]
[button size="" link="#4" textcolor="#fff" class="btn-arrow" target="_self" enabled="false"]Arrowed[/button]

Buttons Size

Fancy larger or smaller buttons? Use additional sizes.

Small Middle Default Large

[button size="btn-small" link="#" textcolor="#fff" class="" target="_self" enabled="true"]Small[/button]
[button size="btn-middle" link="#" textcolor="#fff" class="" target="_self" enabled="true"]Middle[/button]
[button size="" link="#" textcolor="#fff" class="" target="_self" enabled="true"]Default[/button]
[button size="btn-big" link="#" textcolor="#fff" class="" target="_self" enabled="true"]Large[/button]

Custom Colored Buttons

#72a5e6 #e36554 #6ccad5 #c59140
[button link="#" bgcolor="#72a5e6" textcolor="#fff" target="_self" enabled="true"]#72a5e6[/button]
[button link="#" bgcolor="#e36554" textcolor="#fff" target="_self" enabled="true"]#e36554[/button]
[button link="#" bgcolor="#6ccad5" textcolor="#fff" target="_self" enabled="true"]#6ccad5[/button]
[button link="#" bgcolor="#c59140" textcolor="#fff" target="_self" enabled="true"]#c59140[/button]

Custom List Styles:

Arrows
  • List item 1
  • List item 2
  • List item 3
Checklist
  • List item 1
  • List item 2
  • List item 3
Remove
  • List item 1
  • List item 2
  • List item 3
Links
Chevron
  • List item 1
  • List item 2
  • List item 3
Thumbs up
  • List item 1
  • List item 2
  • List item 3
Music
  • List item 1
  • List item 2
  • List item 3
Questions
  • List item 1
  • List item 2
  • List item 3
Download
  • List item 1
  • List item 2
  • List item 3
Text Files
  • List item 1
  • List item 2
  • List item 3
Hand Right
  • List item 1
  • List item 2
  • List item 3
OK list
  • List item 1
  • List item 2
  • List item 3