Shortcodes

Gallery

Super User 23 февраля 2013 682 Просмотры

Example YT Shortcode Gallery

[gallery title="GALLERY_TITLE" width="250" height="180" columns="4"]
    [gallery_item title="IMAGE_TITLE" src='IMAGE_SRC' video_addr="PLACE_LINK_YOUTUBE" ]
	IMAGE_DESCRIPTION
    [/gallery_item]
    [gallery_item title="IMAGE_TITLE" src='IMAGE_SRC' video_addr="PLACE_LINK_YOUTUBE"]
	IMAGE_DESCRIPTION
    [/gallery_item]
    [gallery_item title="IMAGE_TITLE" src='IMAGE_SRC' video_addr="PLACE_LINK_YOUTUBE"]
	IMAGE_DESCRIPTION
    [/gallery_item]
    [gallery_item title="IMAGE_TITLE" src='IMAGE_SRC'] IMAGE_DESCRIPTION [/gallery_item]
    [gallery_item title="IMAGE_TITLE" src='IMAGE_SRC'] IMAGE_DESCRIPTION [/gallery_item]
    [gallery_item title="IMAGE_TITLE" src='IMAGE_SRC'] IMAGE_DESCRIPTION [/gallery_item]
    [gallery_item title="IMAGE_TITLE" src='IMAGE_SRC'] IMAGE_DESCRIPTION [/gallery_item]
[/gallery]

Dropcap

Super User 23 февраля 2013 338 Просмотры

his is a sample text with Dropcap.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In tristique sem vel turpis egestas cursus. Vivamus vehicula ligula non orci sollicitudin iaculis in nec enim. Quisque purus orci, bibendum sed mattis non, scelerisque a felis. Suspendisse potenti...

[dropcap  color="#000" ] ADD_CONTENT_HERE [/dropcap] Lorem ipsum dolor sit amet...

his is a sample text with Dropcap.

[dropcap type="square" color="#fff" background="#333"] ADD_CONTENT_HERE [/dropcap] Lorem ipsum dolor sit amet...

his is a sample text with Dropcap.

[dropcap type="round" color="#fff" background="#333"] ADD_CONTENT_HERE [/dropcap] Lorem ipsum dolor sit amet...

Dropcap options

Style and content changes for simple variations on a standard Dropcap.

dipiscing is a sample text with Dropcap.

ibendum is a sample text with Dropcap.

onsectetur is a sample text with Dropcap.

[dropcap color="#15B5E8"] ADD_CONTENT_HERE [/dropcap] Lorem ipsum dolor sit amet...
[dropcap color="#FD6C01"] ADD_CONTENT_HERE [/dropcap] Lorem ipsum dolor sit amet...
[dropcap color="#BE2B2A"] ADD_CONTENT_HERE [/dropcap] Lorem ipsum dolor sit amet...

Columns

Super User 23 февраля 2013 439 Просмотры

Live fluid grid example

The default Bootstrap grid system utilizes 12 columns.The fluid grid system uses percents instead of pixels for column widths. It has the same responsive capabilities as our fixed grid system, ensuring proper proportions for key screen resolutions and devices.

Fourth

Seventh

Sixth

Twelfth

[columns grid="yes"]
    [column_item col="4"]Fourth [/column_item]
    [column_item col="4"]Fourth [/column_item]
    [column_item col="4"]Fourth [/column_item]
[/columns ]
[columns grid="yes"]
    [column_item col="4"]Fourth [/column_item]
    [column_item col="8"]Seventh [/column_item]
[/columns]
[columns grid="yes"]
    [column_item col="6"]Sixth [/column_item]
    [column_item col="6"]Sixth [/column_item]
[/columns]
[columns grid="yes"]
    [column_item col="12"]Twelfth [/column_item]
[/columns]

Fluid offsetting

Operates the same way as the fixed grid system offsetting: add offset="1->12" to any column to offset by that many columns.

Fifth

Sixth offset 1

Sixth

Fifth offset 1

Seventh

Fourth offset 1

[columns grid="yes"]
    [column_item col="5"] Fifth [/column_item]
    [column_item col="6" offset="1"] Sixth offset 1 [/column_item]
[/columns]
[columns grid="yes"]
    [column_item col="6"] Sixth [/column_item]
    [column_item col="5" offset="1"] Fifth offset 1 [/column_item]
[/columns]
[columns grid="yes"]
    [column_item col="7"] Seventh [/column_item]
    [column_item col="4" offset="1"] Fourth offset 1 [/column_item]
[/columns]