{"id":1854,"date":"2011-08-31T22:16:49","date_gmt":"2011-08-31T20:16:49","guid":{"rendered":"http:\/\/www.mnkystudio.com\/dotted\/?page_id=1854"},"modified":"2011-08-31T22:16:49","modified_gmt":"2011-08-31T20:16:49","slug":"frames","status":"publish","type":"page","link":"https:\/\/condoprodata.com\/?page_id=1854","title":{"rendered":"Frames"},"content":{"rendered":"<p>Frame shortcode allows you to put your pictures, videos any other content into a frame that is is fully flexible by size.<\/p>\n<div class=\"su-divider-solid\"><\/div>\n<h3>  Framed pictures &#45; size is fully flexible <\/h3>\n<div class=\"su-spacer\" style=\"height:25px\"><\/div>\n<div class=\"su-column su-column-1-3\">\n<div class=\"su-frame su-frame-align-left\">\n<div class=\"su-frame-shell\">  <a href=\"http:\/\/lorempixel.com\/280\/175\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/lorempixel.com\/280\/175\" width=\"280\" height=\"175\" \/><\/a> <\/div>\n<\/div>\n<\/div>\n<div class=\"su-column su-column-1-3\">\n<div class=\"su-frame su-frame-align-left\">\n<div class=\"su-frame-shell\">  <a href=\"http:\/\/lorempixel.com\/280\/175\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/lorempixel.com\/280\/175\" width=\"280\" height=\"175\" \/><\/a> <\/div>\n<\/div>\n<\/div>\n<div class=\"su-column su-column-1-3 su-column-last\">\n<div class=\"su-frame su-frame-align-left\">\n<div class=\"su-frame-shell\">  <a href=\"http:\/\/lorempixel.com\/280\/175\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/lorempixel.com\/280\/175\" width=\"280\" height=\"175\" \/><\/a><\/div>\n<\/div>\n<\/div>\n<div class=\"su-spacer\"><\/div>\n<div class=\"su-column su-column-1-5\">\n<div class=\"su-frame su-frame-align-left\">\n<div class=\"su-frame-shell\">  <a href=\"http:\/\/lorempixel.com\/133\/90\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/lorempixel.com\/133\/90\" width=\"133\" height=\"90\" \/><\/a> <\/div>\n<\/div>\n<\/div>\n<div class=\"su-column su-column-1-5\">\n<div class=\"su-frame su-frame-align-left\">\n<div class=\"su-frame-shell\">  <a href=\"http:\/\/lorempixel.com\/133\/90\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/lorempixel.com\/133\/90\" width=\"133\" height=\"90\" \/><\/a> <\/div>\n<\/div>\n<\/div>\n<div class=\"su-column su-column-1-5\">\n<div class=\"su-frame su-frame-align-left\">\n<div class=\"su-frame-shell\">  <a href=\"http:\/\/lorempixel.com\/133\/90\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/lorempixel.com\/133\/90\" width=\"133\" height=\"90\" \/><\/a> <\/div>\n<\/div>\n<\/div>\n<div class=\"su-column su-column-1-5\">\n<div class=\"su-frame su-frame-align-left\">\n<div class=\"su-frame-shell\">  <a href=\"http:\/\/lorempixel.com\/133\/90\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/lorempixel.com\/133\/90\" width=\"133\" height=\"90\" \/><\/a> <\/div>\n<\/div>\n<\/div>\n<div class=\"su-column su-column-1-5 su-column-last\">\n<div class=\"su-frame su-frame-align-right\">\n<div class=\"su-frame-shell\">  <a href=\"http:\/\/lorempixel.com\/133\/90\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/lorempixel.com\/133\/90\" width=\"133\" height=\"90\" \/><\/a> <\/div>\n<\/div>\n<\/div>\n<div class=\"su-spacer\"><\/div>\n<div class=\"su-spoiler su-spoiler-style-0\">\n<div class=\"su-spoiler-title\">Get full code<\/div>\n<div class=\"su-spoiler-content\">\n<pre> \n&#091;column size=\"1-3\"&#093;\n&#091;frame align=\"left\"&#093;  &#60;a href=\"imageURL\"&#62;&#60;img src=\"imageURL\" width=\"280\" height=\"175\" \/&#62;&#60;\/a&#62; &#091;\/frame&#093;\n&#091;\/column&#093;\n\n&#091;column size=\"1-3\"&#093;\n&#091;frame align=\"left\"&#093;  &#60;a href=\"imageURL\"&#62;&#60;img src=\"imageURL\" width=\"280\" height=\"175\" \/&#62;&#60;\/a&#62; &#091;\/frame&#093;\n&#091;\/column&#093;\n\n&#091;column size=\"1-3\" last=\"1\"&#093;\n&#091;frame align=\"left\"&#093;  &#60;a href=\"imageURL\"&#62;&#60;img src=\"imageURL\" width=\"280\" height=\"175\" \/&#62;&#60;\/a&#62;&#091;\/frame&#093; \n&#091;\/column&#093;\n\n&#091;column size=\"1-5\"&#093;\n&#091;frame align=\"left\"&#093;  &#60;a href=\"imageURL\"&#62;&#60;img src=\"imageURL\" width=\"133\" height=\"90\" \/&#62;&#60;\/a&#62; &#091;\/frame&#093;\n&#091;\/column&#093;\n\n&#091;column size=\"1-5\"&#093;\n&#091;frame align=\"left\"&#093;  &#60;a href=\"imageURL\"&#62;&#60;img src=\"imageURL\" width=\"133\" height=\"90\" \/&#62;&#60;\/a&#62; &#091;\/frame&#093;\n&#091;\/column&#093;\n\n&#091;column size=\"1-5\"&#093;\n&#091;frame align=\"left\"&#093;  &#60;a href=\"imageURL\"&#62;&#60;img src=\"imageURL\" width=\"133\" height=\"90\" \/&#62;&#60;\/a&#62; &#091;\/frame&#093;\n&#091;\/column&#093;\n\n&#091;column size=\"1-5\"&#093;\n&#091;frame align=\"left\"&#093;  &#60;a href=\"imageURL\"&#62;&#60;img src=\"imageURL\" width=\"133\" height=\"90\" \/&#62;&#60;\/a&#62; &#091;\/frame&#093;\n&#091;\/column&#093;\n\n&#091;column size=\"1-5\" last=\"1\"&#093;\n&#091;frame align=\"right\"&#093;  &#60;a href=\"imageURL\"&#62;&#60;img src=\"imageURL\" width=\"133\" height=\"90\" \/&#62;&#60;\/a&#62; &#091;\/frame&#093;\n&#091;\/column&#093;\n<\/pre>\n<\/div>\n<\/div>\n<h3> Vertical picture gallery <\/h3>\n<div class=\"su-spacer\" style=\"height:25px\"><\/div>\n<div class=\"su-column su-column-1-3\">\n<div class=\"su-frame su-frame-align-left\">\n<div class=\"su-frame-shell\">  <a href=\"http:\/\/lorempixel.com\/254\/400pg\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/lorempixel.com\/254\/400\"  width=\"254\" height=\"400\" \/><\/a> <\/div>\n<\/div>\n<\/div>\n<div class=\"su-column su-column-1-3\">\n<div class=\"su-frame su-frame-align-left\">\n<div class=\"su-frame-shell\">  <a href=\"http:\/\/lorempixel.com\/254\/400\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/lorempixel.com\/254\/400\"  width=\"253\" height=\"400\" \/><\/a> <\/div>\n<\/div>\n<\/div>\n<div class=\"su-column su-column-1-3 su-column-last\">\n<div class=\"su-frame su-frame-align-left\">\n<div class=\"su-frame-shell\">  <a href=\"http:\/\/lorempixel.com\/254\/400\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/lorempixel.com\/254\/400\"  width=\"254\" height=\"400\" \/><\/a> <\/div>\n<\/div>\n<\/div>\n<div class=\"su-spacer\"><\/div>\n<div class=\"su-spoiler su-spoiler-style-0\">\n<div class=\"su-spoiler-title\">Get full code<\/div>\n<div class=\"su-spoiler-content\">\n<pre> \n&#091;column size=\"1-3\"&#093;\n&#091;frame align=\"left\"&#093;  &#60;a href=\"imageURL\"&#62;&#60;img src=\"imageURL\"  width=\"254\" height=\"400\" \/&#62;&#60;\/a&#62; &#091;\/frame&#093;\n&#091;\/column&#093;\n\n&#091;column size=\"1-3\"&#093;\n&#091;frame align=\"left\"&#093;  &#60;a href=\"imageURL\"&#62;&#60;img src=\"imageURL\"  width=\"253\" height=\"400\" \/&#62;&#60;\/a&#62; &#091;\/frame&#093;\n&#091;\/column&#093;\n\n&#091;column size=\"1-3\" last=\"1\"&#093;\n&#091;frame align=\"left\"&#093;  &#60;a href=\"imageURL\"&#62;&#60;img src=\"imageURL\"  width=\"254\" height=\"400\" \/&#62;&#60;\/a&#62; &#091;\/frame&#093;\n&#091;\/column&#093;\n<\/pre>\n<\/div>\n<\/div>\n<h3> Put any content in a frame <\/h3>\n<div class=\"su-spacer\" style=\"height:25px\"><\/div>\n<div class=\"su-column su-column-1-2 su-column-last\">\n<div class=\"su-frame su-frame-align-left\">\n<div class=\"su-frame-shell\">\n<div class=\"su_custom_style_div\" style=\"margin-bottom:-24px;\">\n<div class=\"su-media\"><iframe loading=\"lazy\" src=\"http:\/\/player.vimeo.com\/video\/22735809?title=0&amp;byline=0&amp;portrait=0&amp;color=ffffff\" width=\"407\" height=\"224\" frameborder=\"0\"><\/iframe><\/div>\n<\/div><\/div>\n<\/div>\n<\/div>\n<div class=\"su-spacer\"><\/div>\n<div class=\"su-spoiler su-spoiler-style-0\">\n<div class=\"su-spoiler-title\">Get full code<\/div>\n<div class=\"su-spoiler-content\">\n<pre> \n\n&#091;column size=\"1-2\" last=\"1\"&#093;\n&#091;frame align=\"left\"&#093;&#091;div style=\"margin-bottom:-24px;\"&#093;&#091;media url=\"http:\/\/vimeo.com\/22735809\" width=\"407\" height=\"224\"&#093;&#091;\/div&#093; &#091;\/frame&#093;\n&#091;\/column&#093; \n\n<\/pre>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Frame shortcode allows you to put your pictures, videos any other content into a frame that is is fully flexible by size. Framed pictures &#45; size is fully flexible Vertical picture gallery Put any content in a frame<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/condoprodata.com\/index.php?rest_route=\/wp\/v2\/pages\/1854"}],"collection":[{"href":"https:\/\/condoprodata.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/condoprodata.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/condoprodata.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/condoprodata.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1854"}],"version-history":[{"count":0,"href":"https:\/\/condoprodata.com\/index.php?rest_route=\/wp\/v2\/pages\/1854\/revisions"}],"wp:attachment":[{"href":"https:\/\/condoprodata.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1854"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}