Frames
Frame shortcode allows you to put your pictures, videos any other content into a frame that is is fully flexible by size.
[divider]
Framed pictures - size is fully flexible
[spacer size=”25″]
[column size=”1-3″]
[frame align=”left”] [/frame]
[/column]
[column size=”1-3″]
[frame align=”left”] [/frame]
[/column]
[column size=”1-3″ last=”1″]
[frame align=”left”] [/frame]
[/column]
[column size=”1-5″]
[frame align=”left”] [/frame]
[/column]
[column size=”1-5″]
[frame align=”left”] [/frame]
[/column]
[column size=”1-5″]
[frame align=”left”] [/frame]
[/column]
[column size=”1-5″]
[frame align=”left”] [/frame]
[/column]
[column size=”1-5″ last=”1″]
[frame align=”right”] [/frame]
[/column]
[spoiler title=”Get full code”]
[column size="1-3"] [frame align="left"] <a href="imageURL"><img src="imageURL" width="280" height="175" /></a> [/frame] [/column] [column size="1-3"] [frame align="left"] <a href="imageURL"><img src="imageURL" width="280" height="175" /></a> [/frame] [/column] [column size="1-3" last="1"] [frame align="left"] <a href="imageURL"><img src="imageURL" width="280" height="175" /></a>[/frame] [/column] [column size="1-5"] [frame align="left"] <a href="imageURL"><img src="imageURL" width="133" height="90" /></a> [/frame] [/column] [column size="1-5"] [frame align="left"] <a href="imageURL"><img src="imageURL" width="133" height="90" /></a> [/frame] [/column] [column size="1-5"] [frame align="left"] <a href="imageURL"><img src="imageURL" width="133" height="90" /></a> [/frame] [/column] [column size="1-5"] [frame align="left"] <a href="imageURL"><img src="imageURL" width="133" height="90" /></a> [/frame] [/column] [column size="1-5" last="1"] [frame align="right"] <a href="imageURL"><img src="imageURL" width="133" height="90" /></a> [/frame] [/column]
[/spoiler]
Vertical picture gallery
[spacer size=”25″]
[column size=”1-3″]
[frame align=”left”] [/frame]
[/column]
[column size=”1-3″]
[frame align=”left”] [/frame]
[/column]
[column size=”1-3″ last=”1″]
[frame align=”left”] [/frame]
[/column]
[spoiler title=”Get full code”]
[column size="1-3"] [frame align="left"] <a href="imageURL"><img src="imageURL" width="254" height="400" /></a> [/frame] [/column] [column size="1-3"] [frame align="left"] <a href="imageURL"><img src="imageURL" width="253" height="400" /></a> [/frame] [/column] [column size="1-3" last="1"] [frame align="left"] <a href="imageURL"><img src="imageURL" width="254" height="400" /></a> [/frame] [/column]
[/spoiler]
Put any content in a frame
[spacer size=”25″]
[column size=”1-2″ last=”1″]
[frame align=”left”][div style=”margin-bottom:-24px;”][media url=”http://vimeo.com/22735809″ width=”407″ height=”224″][/div] [/frame]
[/column]
[spoiler title=”Get full code”]
[column size="1-2" last="1"] [frame align="left"][div style="margin-bottom:-24px;"][media url="http://vimeo.com/22735809" width="407" height="224"][/div] [/frame] [/column]
[/spoiler]