{"id":1699,"date":"2013-05-28T11:11:08","date_gmt":"2013-05-28T11:11:08","guid":{"rendered":"http:\/\/3clicks.bringthepixel.com\/?page_id=1699"},"modified":"2013-05-28T11:11:08","modified_gmt":"2013-05-28T11:11:08","slug":"frame","status":"publish","type":"page","link":"https:\/\/blanchon.co.il\/en\/shortcodes\/media\/frame\/","title":{"rendered":"Frame Shortcodes"},"content":{"rendered":"<h2>3 Alternative Styles<\/h2>\n<ul class=\"g1-grid\"><li class=\"g1-column g1-one-third g1-valign-top\">\n<h4>none<\/h4>\n<span id=\"g1-frame-1\" class=\"g1-frame g1-frame--none g1-frame--inherit g1-frame--center \"><span class=\"g1-decorator\">\n\t\t\t\t<img loading=\"lazy\" src=\"\/wp-content\/uploads\/2013\/04\/person_01_v01.jpg\" width=\"304\" height=\"171\" alt=\"\" \/>\n\t\t\t\t<span class=\"g1-indicator g1-indicator-document\"><\/span>\n<\/span><\/span>\n<\/li><!-- -->\n<li class=\"g1-column g1-one-third g1-valign-top\">\n<h4>simple<\/h4>\n<span id=\"g1-frame-2\" class=\"g1-frame g1-frame--simple g1-frame--inherit g1-frame--center \"><span class=\"g1-decorator\">\n\t\t\t\t<img loading=\"lazy\" src=\"\/wp-content\/uploads\/2013\/04\/person_02_v01.jpg\" width=\"304\" height=\"171\" alt=\"\" \/>\n\t\t\t\t<span class=\"g1-indicator g1-indicator-document\"><\/span>\n<\/span><\/span>\n<\/li><!-- -->\n<li class=\"g1-column g1-one-third g1-valign-top\">\n<h4>solid<\/h4>\n<span id=\"g1-frame-3\" class=\"g1-frame g1-frame--solid g1-frame--inherit g1-frame--center \"><span class=\"g1-decorator\">\n\t\t\t\t<img loading=\"lazy\" src=\"\/wp-content\/uploads\/2013\/04\/person_03_v01.jpg\" width=\"304\" height=\"171\" alt=\"\" \/>\n\t\t\t\t<span class=\"g1-indicator g1-indicator-document\"><\/span>\n<\/span><\/span>\n<\/li><!-- --><\/ul>\n<div id=\"g1-toggle-counter-1\" class=\"g1-toggle g1-toggle--off g1-toggle--simple g1-toggle--icon \" ><div class=\"g1-toggle__title\"><i class=\"fa fa-file-o\"><\/i>Get The Code<\/div><div class=\"g1-toggle__content\"><div class=\"g1-block\">\n<div class=\"g1-code\"><\/p>\n<p>[frame style=&quot;none&quot;]&lt;img loading=&quot;lazy&quot; src=&quot;\/wp-content\/uploads\/2013\/04\/person_01_v01.jpg&quot; width=&quot;304&quot; height=&quot;171&quot; alt=&quot;&quot; \/&gt;[\/frame]<\/p>\n<p>[frame style=&quot;simple&quot;]&lt;img loading=&quot;lazy&quot; src=&quot;\/wp-content\/uploads\/2013\/04\/person_02_v01.jpg&quot; width=&quot;304&quot; height=&quot;171&quot; alt=&quot;&quot; \/&gt;[\/frame]<\/p>\n<p>[frame style=&quot;solid&quot;]&lt;img loading=&quot;lazy&quot; src=&quot;\/wp-content\/uploads\/2013\/04\/person_03_v01.jpg&quot; width=&quot;304&quot; height=&quot;171&quot; alt=&quot;&quot; \/&gt;[\/frame]<\/p>\n<p><\/div>\n<\/div><\/div><\/div>\n<div id=\"g1-divider-1\" class=\"g1-divider g1-divider--none g1-divider--noicon \"><\/div>\n<h2>Different Alignments<\/h2>\n<div id=\"g1-tabs-1\" class=\"g1-tabs g1-tabs--simple g1-type--click \">\n<div id=\"tab-title-counter-1\" class=\"g1-tab-title \">Left<\/div>\n<div id=\"tab-content-counter-1\" class=\"g1-tab-content \">\n<p><span id=\"g1-frame-4\" class=\"g1-frame g1-frame--simple g1-frame--inherit g1-frame--left \"><span class=\"g1-decorator\">\n\t\t\t\t<img loading=\"lazy\" src=\"\/wp-content\/uploads\/2013\/04\/person_02_v01.jpg\" width=\"304\" height=\"171\" alt=\"\" \/>\n\t\t\t\t<span class=\"g1-indicator g1-indicator-document\"><\/span>\n<\/span><\/span> Vivamus accumsan et augue sed aliquet. Pellentesque lobortis blandit enim, quis hendrerit lacus volutpat at. Mauris nec semper nisi, iaculis ultrices est. Fusce posuere rhoncus sapien, a condimentum odio porttitor non. Suspendisse pharetra sed augue sit amet convallis. Maecenas a diam sit amet nibh tempor vestibulum eget vitae sem. Sed laoreet orci id nisl auctor elementum. Maecenas rutrum dui ultricies ipsum viverra interdum.<\/p>\n<p>Aliquam dictum sollicitudin quam faucibus blandit. Vivamus vitae quam vel leo malesuada sagittis quis a elit. Curabitur cursus enim vitae urna volutpat euismod. Cras malesuada dui quis nisi accumsan malesuada. Etiam purus turpis, dictum congue hendrerit ut, egestas in metus. Vestibulum faucibus ultricies leo, nec semper sapien feugiat nec. Maecenas rhoncus orci quis nisi faucibus dapibus. Nullam eu dapibus turpis, a vehicula purus. Integer magna neque, volutpat ac leo porttitor, malesuada semper velit. Cras congue porta metus, sed venenatis augue tristique sed. Maecenas. <\/p>\n<\/div>\n<div id=\"tab-title-counter-2\" class=\"g1-tab-title \">Center<\/div>\n<div id=\"tab-content-counter-2\" class=\"g1-tab-content \">\n<p>Vivamus accumsan et augue sed aliquet. Pellentesque lobortis blandit enim, quis hendrerit lacus volutpat at. Mauris nec semper nisi, iaculis ultrices est. Fusce posuere rhoncus sapien, a condimentum odio porttitor non. Suspendisse pharetra sed augue sit amet convallis. Maecenas a diam sit amet nibh tempor. <\/p>\n<span id=\"g1-frame-5\" class=\"g1-frame g1-frame--simple g1-frame--inherit g1-frame--center \"><span class=\"g1-decorator\">\n\t\t\t\t<img loading=\"lazy\" src=\"\/wp-content\/uploads\/2013\/04\/person_02_v01.jpg\" width=\"304\" height=\"171\" alt=\"\" \/>\n\t\t\t\t<span class=\"g1-indicator g1-indicator-document\"><\/span>\n<\/span><\/span>\n<p>Aliquam dictum sollicitudin quam faucibus blandit. Vivamus vitae quam vel leo malesuada sagittis quis a elit. Curabitur cursus enim vitae urna volutpat euismod. Cras malesuada dui quis nisi accumsan malesuada. Etiam purus turpis, dictum congue hendrerit ut, egestas in metus. Vestibulum faucibus ultricies leo.<\/p>\n<\/div>\n<div id=\"tab-title-counter-3\" class=\"g1-tab-title \">Right<\/div>\n<div id=\"tab-content-counter-3\" class=\"g1-tab-content \">\n<p><span id=\"g1-frame-6\" class=\"g1-frame g1-frame--simple g1-frame--inherit g1-frame--right \"><span class=\"g1-decorator\">\n\t\t\t\t<img loading=\"lazy\" src=\"\/wp-content\/uploads\/2013\/04\/person_02_v01.jpg\" width=\"304\" height=\"171\" alt=\"\" \/>\n\t\t\t\t<span class=\"g1-indicator g1-indicator-document\"><\/span>\n<\/span><\/span> Vivamus accumsan et augue sed aliquet. Pellentesque lobortis blandit enim, quis hendrerit lacus volutpat at. Mauris nec semper nisi, iaculis ultrices est. Fusce posuere rhoncus sapien, a condimentum odio porttitor non. Suspendisse pharetra sed augue sit amet convallis. Maecenas a diam sit amet nibh tempor vestibulum eget vitae sem. Sed laoreet orci id nisl auctor elementum. Maecenas rutrum dui ultricies ipsum viverra interdum.<\/p>\n<p>Aliquam dictum sollicitudin quam faucibus blandit. Vivamus vitae quam vel leo malesuada sagittis quis a elit. Curabitur cursus enim vitae urna volutpat euismod. Cras malesuada dui quis nisi accumsan malesuada. Etiam purus turpis, dictum congue hendrerit ut, egestas in metus. Vestibulum faucibus ultricies leo, nec semper sapien feugiat nec. Maecenas rhoncus orci quis nisi faucibus dapibus. Nullam eu dapibus turpis, a vehicula purus. Integer magna neque, volutpat ac leo porttitor, malesuada semper velit. Cras congue porta metus, sed venenatis augue tristique sed. Maecenas turpis arcu, convallis et tellus id, facilisis pulvinar enim.<\/p>\n<\/div>\n<\/div>\n<div id=\"g1-toggle-counter-2\" class=\"g1-toggle g1-toggle--off g1-toggle--simple g1-toggle--icon \" ><div class=\"g1-toggle__title\"><i class=\"fa fa-file-o\"><\/i>Get The Code<\/div><div class=\"g1-toggle__content\"><div class=\"g1-block\">\n<div class=\"g1-code\"><\/p>\n<p>[tabs style=&quot;simple&quot;]<\/p>\n<p>[tab_title]Left[\/tab_title]<\/p>\n<p>[tab_content]<\/p>\n<p>[frame style=&quot;simple&quot; align=&quot;left&quot;]&lt;img loading=&quot;lazy&quot; src=&quot;\/wp-content\/uploads\/2013\/04\/person_02_v01.jpg&quot; width=&quot;304&quot; height=&quot;171&quot; alt=&quot;&quot; \/&gt;[\/frame] Vivamus accumsan et augue sed aliquet. Pellentesque lobortis blandit enim, quis hendrerit lacus volutpat at. Mauris nec semper nisi, iaculis ultrices est. Fusce posuere rhoncus sapien, a condimentum odio porttitor non. Suspendisse pharetra sed augue sit amet convallis. Maecenas a diam sit amet nibh tempor vestibulum eget vitae sem. Sed laoreet orci id nisl auctor elementum. Maecenas rutrum dui ultricies ipsum viverra interdum.<\/p>\n<p>Aliquam dictum sollicitudin quam faucibus blandit. Vivamus vitae quam vel leo malesuada sagittis quis a elit. Curabitur cursus enim vitae urna volutpat euismod. Cras malesuada dui quis nisi accumsan malesuada. Etiam purus turpis, dictum congue hendrerit ut, egestas in metus. Vestibulum faucibus ultricies leo, nec semper sapien feugiat nec. Maecenas rhoncus orci quis nisi faucibus dapibus. Nullam eu dapibus turpis, a vehicula purus. Integer magna neque, volutpat ac leo porttitor, malesuada semper velit. Cras congue porta metus, sed venenatis augue tristique sed. Maecenas. <\/p>\n<p>[\/tab_content]<\/p>\n<p>[tab_title]Center[\/tab_title]<\/p>\n<p>[tab_content]<\/p>\n<p>Vivamus accumsan et augue sed aliquet. Pellentesque lobortis blandit enim, quis hendrerit lacus volutpat at. Mauris nec semper nisi, iaculis ultrices est. Fusce posuere rhoncus sapien, a condimentum odio porttitor non. Suspendisse pharetra sed augue sit amet convallis. Maecenas a diam sit amet nibh tempor. <\/p>\n<p>[frame style=&quot;simple&quot; align=&quot;center&quot;]&lt;img loading=&quot;lazy&quot; src=&quot;\/wp-content\/uploads\/2013\/04\/person_02_v01.jpg&quot; width=&quot;304&quot; height=&quot;171&quot; alt=&quot;&quot; \/&gt;[\/frame]<\/p>\n<p>Aliquam dictum sollicitudin quam faucibus blandit. Vivamus vitae quam vel leo malesuada sagittis quis a elit. Curabitur cursus enim vitae urna volutpat euismod. Cras malesuada dui quis nisi accumsan malesuada. Etiam purus turpis, dictum congue hendrerit ut, egestas in metus. Vestibulum faucibus ultricies leo.<\/p>\n<p>[\/tab_content]<\/p>\n<p>[tab_title]Right[\/tab_title]<\/p>\n<p>[tab_content]<\/p>\n<p>[frame style=&quot;simple&quot; align=&quot;right&quot;]&lt;img loading=&quot;lazy&quot; src=&quot;\/wp-content\/uploads\/2013\/04\/person_02_v01.jpg&quot; width=&quot;304&quot; height=&quot;171&quot; alt=&quot;&quot; \/&gt;[\/frame] Vivamus accumsan et augue sed aliquet. Pellentesque lobortis blandit enim, quis hendrerit lacus volutpat at. Mauris nec semper nisi, iaculis ultrices est. Fusce posuere rhoncus sapien, a condimentum odio porttitor non. Suspendisse pharetra sed augue sit amet convallis. Maecenas a diam sit amet nibh tempor vestibulum eget vitae sem. Sed laoreet orci id nisl auctor elementum. Maecenas rutrum dui ultricies ipsum viverra interdum.<\/p>\n<p>Aliquam dictum sollicitudin quam faucibus blandit. Vivamus vitae quam vel leo malesuada sagittis quis a elit. Curabitur cursus enim vitae urna volutpat euismod. Cras malesuada dui quis nisi accumsan malesuada. Etiam purus turpis, dictum congue hendrerit ut, egestas in metus. Vestibulum faucibus ultricies leo, nec semper sapien feugiat nec. Maecenas rhoncus orci quis nisi faucibus dapibus. Nullam eu dapibus turpis, a vehicula purus. Integer magna neque, volutpat ac leo porttitor, malesuada semper velit. Cras congue porta metus, sed venenatis augue tristique sed. Maecenas turpis arcu, convallis et tellus id, facilisis pulvinar enim.<\/p>\n<p>[\/tab_content]<\/p>\n<p>[\/tabs]<\/p>\n<p><\/div>\n<\/div><\/div><\/div>\n<div id=\"g1-divider-2\" class=\"g1-divider g1-divider--none g1-divider--noicon \"><\/div>\n<h2>Multiple Images in One Lightbox<\/h2>\n<ul class=\"g1-grid\"><li class=\"g1-column g1-one-third g1-valign-top\">\n<a href=\"\/wp-content\/uploads\/2013\/04\/person_01_v01.jpg\" id=\"g1-frame-7\" class=\"g1-frame g1-frame--simple g1-frame--inherit g1-frame--center \" data-g1-lightbox=\"test_lightbox\"><span class=\"g1-decorator\">\n\t\t\t\t<img loading=\"lazy\" src=\"\/wp-content\/uploads\/2013\/04\/person_01_v01.jpg\" width=\"304\" height=\"171\" alt=\"\" \/>\n\t\t\t\t<span class=\"g1-indicator g1-indicator-zoom\"><\/span>\n<\/span><\/a>\n<\/li><!-- -->\n<li class=\"g1-column g1-one-third g1-valign-top\">\n<a href=\"\/wp-content\/uploads\/2013\/04\/person_02_v01.jpg\" id=\"g1-frame-8\" class=\"g1-frame g1-frame--simple g1-frame--inherit g1-frame--center \" data-g1-lightbox=\"test_lightbox\"><span class=\"g1-decorator\">\n\t\t\t\t<img loading=\"lazy\" src=\"\/wp-content\/uploads\/2013\/04\/person_02_v01.jpg\" width=\"304\" height=\"171\" alt=\"\" \/>\n\t\t\t\t<span class=\"g1-indicator g1-indicator-zoom\"><\/span>\n<\/span><\/a>\n<\/li><!-- -->\n<li class=\"g1-column g1-one-third g1-valign-top\">\n<a href=\"\/wp-content\/uploads\/2013\/04\/person_03_v01.jpg\" id=\"g1-frame-9\" class=\"g1-frame g1-frame--simple g1-frame--inherit g1-frame--center \" data-g1-lightbox=\"test_lightbox\"><span class=\"g1-decorator\">\n\t\t\t\t<img loading=\"lazy\" src=\"\/wp-content\/uploads\/2013\/04\/person_03_v01.jpg\" width=\"304\" height=\"171\" alt=\"\" \/>\n\t\t\t\t<span class=\"g1-indicator g1-indicator-zoom\"><\/span>\n<\/span><\/a>\n<\/li><!-- --><\/ul>\n<div id=\"g1-toggle-counter-3\" class=\"g1-toggle g1-toggle--off g1-toggle--simple g1-toggle--icon \" ><div class=\"g1-toggle__title\"><i class=\"fa fa-file-o\"><\/i>Get The Code<\/div><div class=\"g1-toggle__content\"><div class=\"g1-block\">\n<div class=\"g1-code\"><\/p>\n<p>[frame style=&quot;simple&quot; link=&quot;\/wp-content\/uploads\/2013\/04\/person_01_v01.jpg&quot; linking=&quot;lightbox&quot; lightbox=&quot;test_lightbox&quot;]&lt;img loading=&quot;lazy&quot; src=&quot;\/wp-content\/uploads\/2013\/04\/person_01_v01.jpg&quot; width=&quot;304&quot; height=&quot;171&quot; alt=&quot;&quot; \/&gt;[\/frame]<\/p>\n<p>[frame style=&quot;simple&quot; link=&quot;\/wp-content\/uploads\/2013\/04\/person_02_v01.jpg&quot; linking=&quot;lightbox&quot; lightbox=&quot;test_lightbox&quot;]&lt;img loading=&quot;lazy&quot; src=&quot;\/wp-content\/uploads\/2013\/04\/person_02_v01.jpg&quot; width=&quot;304&quot; height=&quot;171&quot; alt=&quot;&quot; \/&gt;[\/frame]<\/p>\n<p>[frame style=&quot;simple&quot; link=&quot;\/wp-content\/uploads\/2013\/04\/person_03_v01.jpg&quot; linking=&quot;lightbox&quot; lightbox=&quot;test_lightbox&quot;]&lt;img loading=&quot;lazy&quot; src=&quot;\/wp-content\/uploads\/2013\/04\/person_03_v01.jpg&quot; width=&quot;304&quot; height=&quot;171&quot; alt=&quot;&quot; \/&gt;[\/frame]<\/p>\n<p><\/div>\n<\/div><\/div><\/div>\n<div id=\"g1-divider-3\" class=\"g1-divider g1-divider--none g1-divider--noicon \"><\/div>\n<p><span><i id=\"icon-1\" class=\"g1-icon g1-icon--solid g1-icon--medium g1-icon--circle  fa fa-lightbulb-o\"><\/i><\/span><\/p>\n<h2>Shortcode documentation<\/h2>\n<div class=\"g1-sc-doc\"><ul class=\"g1-sc-doc__attributes\"><li class=\"g1-sc-doc__attribute\"><div class=\"g1-name\">id<\/div><div class=\"g1-description\"><div class=\"g1-hint\">The id attribute specifies an id for an HTML element.<br \/>It must be unique within the HTML document.<br \/>(Mainly for additional styling\/scripting purposes)<\/div><\/div><\/li><li class=\"g1-sc-doc__attribute\"><div class=\"g1-name\">class<\/div><div class=\"g1-description\"><div class=\"g1-hint\">The class attribute specifies a class name for an HTML element.<br \/>(Mainly for additional styling\/scripting purposes)<\/div><\/div><\/li><li class=\"g1-sc-doc__attribute\"><div class=\"g1-name\">linking<\/div><div class=\"g1-description\"><div class=\"g1-options-label\">Available Options:<\/div><ul class=\"g1-options\"><li><span>new_window<\/span><\/li><li><span>lightbox<\/span><\/li><li><span>default<\/span><\/li><\/ul><\/div><\/li><li class=\"g1-sc-doc__attribute\"><div class=\"g1-name\">link<\/div><div class=\"g1-description\"><div class=\"g1-hint\">The destination to which the link leads<\/div><\/div><\/li><li class=\"g1-sc-doc__attribute\"><div class=\"g1-name\">lightbox_group<\/div><div class=\"g1-description\"><div class=\"g1-hint\">Fill in this field, if you want different elements to be in one gallery<\/div><\/div><\/li><li class=\"g1-sc-doc__attribute\"><div class=\"g1-name\">align<\/div><div class=\"g1-description\"><div class=\"g1-options-label\">Available Options:<\/div><ul class=\"g1-options\"><li><span>left<\/span><\/li><li><span>center<\/span><\/li><li><span>right<\/span><\/li><\/ul><\/div><\/li><li class=\"g1-sc-doc__attribute\"><div class=\"g1-name\">style<\/div><div class=\"g1-description\"><div class=\"g1-options-label\">Available Options:<\/div><ul class=\"g1-options\"><li><span>none<\/span><\/li><li><span>simple<\/span><\/li><\/ul><\/div><\/li><li class=\"g1-sc-doc__attribute\"><div class=\"g1-name\">shape<\/div><div class=\"g1-description\"><div class=\"g1-options-label\">Available Options:<\/div><ul class=\"g1-options\"><li><span>inherit<\/span><\/li><li><span>square<\/span><\/li><li><span>circle<\/span><\/li><\/ul><\/div><\/li><li class=\"g1-sc-doc__attribute\"><div class=\"g1-name\">title<\/div><div class=\"g1-description\"><\/div><\/li><\/ul><\/div>\n","protected":false},"excerpt":{"rendered":"<p>3 Alternative Styles Different Alignments Multiple Images in One Lightbox Shortcode documentation<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":205,"menu_order":227,"comment_status":"closed","ping_status":"closed","template":"g1_template_page_nav_right.php","meta":[],"acf":[],"_links":{"self":[{"href":"https:\/\/blanchon.co.il\/en\/wp-json\/wp\/v2\/pages\/1699"}],"collection":[{"href":"https:\/\/blanchon.co.il\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blanchon.co.il\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blanchon.co.il\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blanchon.co.il\/en\/wp-json\/wp\/v2\/comments?post=1699"}],"version-history":[{"count":0,"href":"https:\/\/blanchon.co.il\/en\/wp-json\/wp\/v2\/pages\/1699\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/blanchon.co.il\/en\/wp-json\/wp\/v2\/pages\/205"}],"wp:attachment":[{"href":"https:\/\/blanchon.co.il\/en\/wp-json\/wp\/v2\/media?parent=1699"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}