{"id":8915,"date":"2015-01-01T17:58:26","date_gmt":"2015-01-01T22:58:26","guid":{"rendered":"http:\/\/www.jbaker.info\/?p=1702"},"modified":"2015-01-01T17:58:26","modified_gmt":"2015-01-01T22:58:26","slug":"xpanda-super-shortcode-tabs-2","status":"publish","type":"post","link":"https:\/\/www.jbaker.info\/demo05\/xpanda-super-shortcode-tabs-2\/","title":{"rendered":"xPanda Super Shortcode Tabs"},"content":{"rendered":"<p>Tab units can be extremely useful. They make it easy to provide the user with a lot of information without using a large amount of screen space. And they help give your site a more thought out and professional look when used properly.<\/p>\n<p>[tabgroup]<\/p>\n<p>[tab title=&#8221;Slider&#8221; id=&#8221;t1&#8243;]\n<div id=\"slider_multi_pause_time\" style=\"display: none;\">5000<\/div><div style=\"padding: 0px 0px 0px 0px; \"><div class=\"slider-wrapper theme-default\"><div id=\"slider1\" class=\"nivoSlider\"><img decoding=\"async\" src=\"\/slider\/beach.jpg\" alt=\"\" class=\"xpNivoSlider\" \/><img decoding=\"async\" src=\"\/slider\/75.jpg\" alt=\"\" class=\"xpNivoSlider\" \/><img decoding=\"async\" src=\"\/slider\/veggies.jpg\" alt=\"\" class=\"xpNivoSlider\" \/><img decoding=\"async\" src=\"\/slider\/peppers.jpg\" alt=\"\" class=\"xpNivoSlider\" \/><\/div><\/div><\/div>\n[\/tab]<\/p>\n<p>[tab title=&#8221;Map&#8221; id=&#8221;t2&#8243;] Pellentesque ac felis mi, quis euismod quam. Donec interdum fringilla dui sit amet imperdiet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam quis lorem justo. Nullam sed hendrerit eros. Sed eget sapien ac nisi porttitor gravida eu sit amet elit. Proin quis arcu quis arcu bibendum ultricies. Praesent facilisis sagittis nunc, eu aliquet orci tempus at. Curabitur lorem nulla, vestibulum vel sollicitudin id, suscipit mollis sapien. Curabitur rhoncus, leo sit amet blandit ornare, ante metus pharetra nunc, quis mollis diam magna non felis. Morbi sit amet volutpat neque. [\/tab]<\/p>\n<p>[tab title=&#8221;Styled Content&#8221; id=&#8221;t3&#8243;] Pellentesque ac felis mi, quis euismod quam. Donec interdum fringilla dui sit amet imperdiet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam quis lorem justo. Nullam sed hendrerit eros. Sed eget sapien ac nisi porttitor gravida eu sit amet elit. Proin quis arcu quis arcu bibendum ultricies. Praesent facilisis sagittis nunc, eu aliquet orci tempus at. Curabitur lorem nulla, vestibulum vel sollicitudin id, suscipit mollis sapien. Curabitur rhoncus, leo sit amet blandit ornare, ante metus pharetra nunc, quis mollis diam magna non felis. Morbi sit amet volutpat neque. [\/tab]<\/p>\n<p>[\/tabgroup]<\/p>\n<p>[clearline]<\/p>\n<div class=\"xpc_one_half\"><\/p>\n<div id=\"\" class=\"\" style=\"margin: 11px 0 0 0; float:left;\"> <img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-2783\" title=\"arrow_up\" src=\"http:\/\/www.jbaker.info\/wp-content\/uploads\/2012\/07\/arrow_up1.png\" alt=\"\" width=\"60\" height=\"75\" \/>\n<\/div>\n<p>The tab unit above is included with the <a href=\"http:\/\/demos.simplethemes.com\/skeleton\/\" target=\"_blank\">Skeleton WordPress Theme<\/a> which I use on this site. In addition to being highly useful and easy to customize if you desire, the Skeleton Theme is also fully responsive. A responsive theme down sizes itself gracefully when viewed on a smart phone or small portable computer. The tab unit above is included in the theme. You can add the tab unit to any post of page simple by using shortcodes. Here&#8217;s <a href=\"https:\/\/github.com\/simplethemes\/skeleton_wp#shortcodes\" target=\"_blank\">the complete shortcode list<\/a> that is included with Skeleton.\n<\/div>\n<div class=\"xpc_one_half xpc_last\"><\/p>\n<div id=\"\" class=\"\" style=\"margin: 0px 0px 0px 0px; float:right;\">\n<img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-2778\" title=\"arrow_down\" src=\"http:\/\/www.jbaker.info\/wp-content\/uploads\/2012\/07\/arrow_down.png\" alt=\"\" width=\"60\" height=\"75\" \/>\n<\/div>\n<p> The three differently styled tab units below are the brain child of Matt Walker at <a href=\"http:\/\/www.my-html-codes.com\/jquery-tabs-my-first-plugin\" target=\"_blank\">http:\/\/www.my-html-codes.com\/<\/a>. This is an extremely nice looking system and fairly easy to set up as a jQuery plugin.<\/p>\n<p>[Edit: Having a little trouble with the CSS styling of the third version. I did not include his total body and wrapper css code as it conflicts with WordPress. Will update this when resolved.] Look for more information here after I work with these and spend some time checking them out.\n<\/div><div class=\"xp_clear\"><\/div>\n<div id=\"ezt_three_wrapper\"><div id=\"tabContainer1\" class=\"ezt_one acidTabs\" style=\"background-color:#2E2E2E;\"><div class=\"tabs_header\"><ul><li id=\"tabHeader_11\">Overview<\/li><li id=\"tabHeader_12\">Hotels<\/li><li id=\"tabHeader_13\">Attractions<\/li><li id=\"tabHeader_14\">For The Kids<\/li><li id=\"tabHeader_15\">Restaurants<\/li><li id=\"tabHeader_16\">Shopping<\/li><\/ul><\/div><div class=\"tabscontent\"><div class=\"tabpage\" id=\"tabpage_11\">\nAdditional Content:<\/p>\n<p><\/div><div class=\"tabpage\" id=\"tabpage_12\"> Pellentesque ac felis mi, quis euismod quam. Donec interdum fringilla dui sit amet imperdiet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam quis lorem justo. Nullam sed hendrerit eros. Sed eget sapien ac nisi porttitor gravida eu sit amet elit. Proin quis arcu quis arcu bibendum ultricies. Praesent facilisis sagittis nunc, eu aliquet orci tempus at. Curabitur lorem nulla, vestibulum vel sollicitudin id, suscipit mollis sapien. Curabitur rhoncus, leo sit amet blandit ornare, ante metus pharetra nunc, quis mollis diam magna non felis. Morbi sit amet volutpat neque.<\/p>\n<p><\/div><div class=\"tabpage\" id=\"tabpage_13\"> Tab 3 content\n<\/div><div class=\"tabpage\" id=\"tabpage_14\"><\/p>\n<div id=\"slider_multi_pause_time\" style=\"display: none;\">5000<\/div><div style=\"padding: 0px 0px 0px 0px; \"><div class=\"slider-wrapper theme-default\"><div id=\"slider1\" class=\"nivoSlider\"><img decoding=\"async\" src=\"\/slider\/beach.jpg\" alt=\"\" class=\"xpNivoSlider\" \/><img decoding=\"async\" src=\"\/slider\/75.jpg\" alt=\"\" class=\"xpNivoSlider\" \/><img decoding=\"async\" src=\"\/slider\/veggies.jpg\" alt=\"\" class=\"xpNivoSlider\" \/><img decoding=\"async\" src=\"\/slider\/peppers.jpg\" alt=\"\" class=\"xpNivoSlider\" \/><\/div><\/div><\/div><\/p>\n<p><\/div><div class=\"tabpage\" id=\"tabpage_15\"> Princessa says:<\/p>\n<div>\t<div class='mjbquote' style='color:#000'> For me one of the joys of travelling is tasting the local food. Unfortunately this is not always as straight forward as it might seem. If it is your first time in a place where you do not know anyone and even worse, if you speak a different language then finding a good well priced restaurant can be more difficult than finding a three leaf clover. And you surely know how frustrating it is paying good money for bad food.\n<div class='mjbquotelink'><a href='http:\/\/princessa.hubpages.com\/hub\/How-to-Choose-a-Restaurant' target='_blank' title='Opens in a New Tab'>- How to Choose a Restaurant<\/a><\/div><\/div><\/div><\/p>\n<p><\/div><div class=\"tabpage\" id=\"tabpage_16\"> Tab5 content\n<\/div><\/div><\/div><\/div>\n<p>[clearline]\n[clearline]\n[clearline]<\/p>\n<div id=\"ezt_three_wrapper\"><div id=\"tabContainer2\" class=\"ezt_two acidTabs\" style=\"background-color:#2E2E2E;\"><div class=\"tabs_header\"><ul><li id=\"tabHeader_21\">Tab 1<\/li><li id=\"tabHeader_22\">Tab 2<\/li><li id=\"tabHeader_23\">Tab3<\/li><li id=\"tabHeader_24\">Tab 4<\/li><li id=\"tabHeader_25\">Tab 5<\/li><\/ul><\/div><div class=\"tabscontent\"><div class=\"tabpage\" id=\"tabpage_21\">Tab 1 content\n<\/div><div class=\"tabpage\" id=\"tabpage_22\"> Tab 2 content\n<\/div><div class=\"tabpage\" id=\"tabpage_23\"><\/p>\n<div id=\"slider_multi_pause_time\" style=\"display: none;\">5000<\/div><div style=\"padding: 16px 0px 0px 0px; \"><div class=\"slider-wrapper theme-default\"><div id=\"slider1\" class=\"nivoSlider\"><img decoding=\"async\" src=\"\/slider\/beach.jpg\" alt=\"\" class=\"xpNivoSlider\" \/><img decoding=\"async\" src=\"\/slider\/75.jpg\" alt=\"\" class=\"xpNivoSlider\" \/><img decoding=\"async\" src=\"\/slider\/veggies.jpg\" alt=\"\" class=\"xpNivoSlider\" \/><img decoding=\"async\" src=\"\/slider\/peppers.jpg\" alt=\"\" class=\"xpNivoSlider\" \/><\/div><\/div><\/div><\/p>\n<p><\/div><div class=\"tabpage\" id=\"tabpage_24\"> Tab 4 content\n<\/div><div class=\"tabpage\" id=\"tabpage_25\"> Tab 5content\n<\/div><\/div><\/div><\/div>\n<p>[clearline]<\/p>\n<p>[clearline]<\/p>\n<p>[clearline]<\/p>\n<div id=\"ezt_three_wrapper\"><div id=\"tabContainer3\" class=\"ezt_three acidTabs\" style=\"background-color:#fff;\"><div class=\"tabs_header\"><ul><li id=\"tabHeader_31\">Tab _Title _1<\/li><li id=\"tabHeader_32\">Tab _Title _2<\/li><li id=\"tabHeader_33\">Tab _Title _3<\/li><\/ul><\/div><div class=\"tabscontent\"><div class=\"tabpage\" id=\"tabpage_31\"> Tab_1_content\n<\/div><div class=\"tabpage\" id=\"tabpage_32\"> Tab_2_content\n<\/div><div class=\"tabpage\" id=\"tabpage_33\">Tab_3_content<\/p>\n<p><\/div><\/div><\/div><\/div><div class=\"xp_clear\" style=\"height:20px; clear:both;\"><\/div><p> <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Tab units can be extremely useful. They make it easy to provide the user with a lot of information without using a large amount of screen space. And they help give your site a more thought out and professional look when used properly. [tabgroup] [tab title=&#8221;Slider&#8221; id=&#8221;t1&#8243;] [\/tab] [tab title=&#8221;Map&#8221; id=&#8221;t2&#8243;] Pellentesque ac felis mi,&#8230;  <a href=\"https:\/\/www.jbaker.info\/demo05\/xpanda-super-shortcode-tabs-2\/\" class=\"more-link\" title=\"Read xPanda Super Shortcode Tabs\">Read more &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":2685,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,13],"tags":[],"class_list":["post-8915","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-unvetted","category-plugins"],"_links":{"self":[{"href":"https:\/\/www.jbaker.info\/demo05\/wp-json\/wp\/v2\/posts\/8915","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jbaker.info\/demo05\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jbaker.info\/demo05\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jbaker.info\/demo05\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jbaker.info\/demo05\/wp-json\/wp\/v2\/comments?post=8915"}],"version-history":[{"count":0,"href":"https:\/\/www.jbaker.info\/demo05\/wp-json\/wp\/v2\/posts\/8915\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.jbaker.info\/demo05\/wp-json\/wp\/v2\/media\/2685"}],"wp:attachment":[{"href":"https:\/\/www.jbaker.info\/demo05\/wp-json\/wp\/v2\/media?parent=8915"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jbaker.info\/demo05\/wp-json\/wp\/v2\/categories?post=8915"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jbaker.info\/demo05\/wp-json\/wp\/v2\/tags?post=8915"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}