voce nao precisa se preocupar com conflitos de javascript.- Funciona em todos os navegadores (e claro que no IEca pode ocorrer eventual problema, como de praxe, dependendo do template)."1o passo: Definir os estilos:Va em " design" >> " Editar HTML", (nao precisa clicar em 'Expandir modelos de widgets'), e cole o seguinte codigo logo ACIMA da tag ]]></b:skin>/* Menu em Abas CSSTabs--------------------------- */#csstabs {height: 280px; / * altura total da area * //* titulos das abas */color: #000;border-top:1px solid #000; border-left:1px solid #000;border-right:1px solid #000; /* conteudo das abas */border:1px solid #000; background-color: #ddd;height: 200px; /* altura total do conteudo da aba 1 */background-color: #ddd; background-color: #ddd;color: #565A63; background-color: #E6EAF3;height: 200px; /* altura total do conteudo da aba 2 */ background-color: #E6EAF3;color: #565A63;margin:0 auto;position:relative;width: 100%;}#csstabs h3 { cursor: pointer;display: block;font-size: 15px;font-weight: bold;height: 25px;margin: 0;padding: 5px 5px 5px 5px;text-align: left;}.tabcontent { display: block;height: auto;width:100%;padding:15px 0 5px 0px;}#csstabs:hover h3, #tabs:focus h3, #tabs:active h3 {z-index: 0;background:none;}#csstabs:hover .tabcontent, #tabs:focus .tabcontent, #tabs:active .tabcontent {opacity: 0;z-index: 0;}#tab1 .tabcontent {position:absolute;left:0;top:35px;z-index: 2;}#tab1 h3 {left: 0;position: absolute;top: 0;z-index: 3;}#tab1:hover h3, #tab1:focus h3, #tab1:active h3 {z-index: 4;}#tab1:hover .tabcontent, #tab1:focus .tabcontent, #tab1:active .tabcontent {opacity: 1;z-index: 3;}#tab2 .tabcontent {opacity: 0;top:35px;z-index: 1;position:absolute;}#tab2 h3 {left: 120px;position: absolute;top: 0;}#tab2:hover h3, #tab2:focus h3, #tab2:active h3 {z-index: 4;}#tab2:hover .tabcontent, #tab2:focus .tabcontent, #tab2:active .tabcontent {opacity: 1;z-index: 3;}" No codigo acima, algumas partes estao destacadas, pois estas deverao ser editadas por voce, como cores, bordas, largura e altura. Edite de acordo com as medidas e cores de seu template. Va editando e visualizando ate ficar da maneira que voce quiser."2o passo: Incluir o menu em abas no html do template:" O Codigo HTML e muito simples e voce podera inclui-lo onde quiser, inclusive na sidebar, que na minha opiniao, e o melhor local para este tipo de menu."" Va ate 'Layout' 'Elementos de pagina' Clique em 'Adicionar um elemento de pagina' Escolha tipo 'HTML/Javascript' e cole o seguinte codigo la:<div id="csstabs"> <div id="tab1"> <h3>TITULO ABA 1</h3> <div class="tabcontent"> ....Coloque o conteudo.... </div> </div> <div id="tab2"> <h3>TITULO ABA 2</h3> <div class="tabcontent"> ....Coloque o conteudo.... </div> </div></div> " Salve!"" Agora e so inserir o conteudo no local indicado no codigo, como Links, textos, imagens, ou o que voce preferir.Use a imaginacao!"Se quiser incluir outra aba basta incluir mais uma condicional no codigo:<div id="tab3"> <h3>TITULO ABA 3</h3> <div class="tabcontent"> ....Coloque o conteudo.... </div> </div>" Para cada aba que quiser incluir e so sempre repetir este trecho e sempre cola-lo antes da ultima </div> " " Mas preste atencao nas medidas da sua sidebar, se incluir muita aba, pode ser que o menu fique desconfigurado, nao esqueca que voce deve sempre respeitar a largura total da sua sidebar."fonte e creditos:http://www.mundoblogger.com.br/2010/04/menu-em-abas-com-css.html