/* CSS Tabs */* Em LARANJA, estilo da tabela normal, respectivamente (cor de fundo, cor da fonte, estilo da borda).
.tabs, .tably {margin:0 0;}
.tabs .tably {padding:0 0;}
.tabs-menu {color:#fff;padding: 0 0;margin:0 0;}
.tabs-menu li {font-size:12px;font-family:'Open Sans';font-weight:400;height:30px;line-height:30px;width:30.5%;list-style:none;text-transform:uppercase;text-align:center;display:inline-block;padding:0;background:#fff;color:#b4babe;border:2px solid #bac0c4;margin-left:2px;border-radius:2px;cursor:pointer;position:relative;transition:all .4s ease-in-out;}
.tabs-menu li:hover {background:#f48067;border:2px solid #e56967;color:#fff;}
.tabs-menu .active-tab {background:#bac0c4;border:2px solid #b4babe;color:#fff;}
.tabs-content {padding:10px 0;}
.tabs-content .widget li {color:#b2bccd;float:none!important;margin:5px 0;padding:10px}
.tabs-content .widget ul {color:#b2bccd;overflow:visible;}
<script type='text/javascript'>>> Pesquise agora por </body>
$(function() {
$(".tabs-1").mtabs();
});
</script>
<script type='text/javascript'>>> Novamente pesquise, agora por <div class='column-right-inner'>
//<![CDATA[
!function(a){"use strict";var b=function(b,c){var d=this;d.element=b,d.$element=a(b),d.tabs=d.$element.children(),d.options=a.extend({},a.fn.mtabs.defaults,c),d.current_tab=0,d.init()};b.prototype={init:function(){var a=this;a.tabs.length&&(a.build(),a.buildTabMenu())},build:function(){var b=this,c=b.options,d=c.tab_text_el,e=c.container_class;b.tab_names=[],b.$wrapper=b.$element.wrapInner('<div class="'+e+'" />').find("."+e),b.tabs.wrapAll('<div class="'+c.tabs_container_class+'" />'),b.tabs.each(function(c,e){var f,g=a(e),h=d;f=g.find(h).filter(":first").hide().text(),b.tab_names.push(f)}),a.isFunction(c.onReady)&&c.onReady.call(b.element)},buildTabMenu:function(){for(var b,c=this,d=c.options,e=d.tabsmenu_el,f=c.tab_names,g="<"+e+' class="'+d.tabsmenu_class+'">',h=0,i=f.length,j=function(){var a=arguments;return d.tmpl.tabsmenu_tab.replace(/\{[0-9]\}/g,function(b){var c=Number(b.replace(/\D/g,""));return a[c]||""})};i>h;h++)g+=j(h+1,f[h]);g+="</"+e+">",c.$tabs_menu=a(g).prependTo(c.$wrapper),b=c.$tabs_menu.find(":first")[0].nodeName.toLowerCase(),c.$tabs_menu.on("click",b,function(b){var d=a(this),e=d.index();c.show(e),b.preventDefault()}).find(":first").trigger("click")},show:function(b){var c=this,d=c.options,e=d.active_tab_class;c.tabs.hide().filter(":eq("+b+")").show(),c.$tabs_menu.children().removeClass(e).filter(":eq("+b+")").addClass(e),a.isFunction(d.onTabSelect)&&b!==c.current_tab&&d.onTabSelect.call(c.element,b),c.current_tab=b},destroy:function(){var a=this,b=a.options.tab_text_el;a.$tabs_menu.remove(),a.tabs.unwrap().unwrap(),a.tabs.removeAttr("style"),a.tabs.children(b+":first").removeAttr("style"),a.$element.removeData("mtabs")}},a.fn.mtabs=function(c,d){return this.each(function(){var e,f=a(this),g=f.data("mtabs");e="object"==typeof c&&c,g||f.data("mtabs",g=new b(this,e)),"string"==typeof c&&g[c](d)})},a.fn.mtabs.defaults={container_class:"tabs",tabs_container_class:"tabs-content",active_tab_class:"active-tab",tab_text_el:"h1, h2, h3, h4, h5, h6",tabsmenu_class:"tabs-menu",tabsmenu_el:"ul",tmpl:{tabsmenu_tab:'<li class="tab-{0}"><span>{1}</span></li>'},onTabSelect:null}}(window.jQuery,window,document);
//]]>
</script>
<div class='tabs tabs-1'>>> Clique em "Visualizar", estando de acordo como deseja clique em "Salvar Modelo".
<b:section class='tably tably-1 section' id='tably-1' showaddelement='yes'>
</b:section>
<b:section class='tably tably-2 section' id='tably-2' showaddelement='yes'>
</b:section>
<b:section class='tably tably-3 section' id='tably-3' showaddelement='yes'>
</b:section>
</div>
<div class='clear'/>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's.
Social Plugin