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]

Leave a Reply