Corrigindo a borda superior do menu em abas no IE

Desde que criei este template percebi que quando visualizado no Internet Explorer a borda superior do menu em abas não aparecia. Ainda não sabia o que fazer para corrigir este problema mas encontrei hoje e estou passando a informação para você!
Se você quiser corrigir este pequeno problema no seu Template Tabs siga estas instruções.

Vá em Layout→ Modelo→ Editar HTML

Encontre o código:

ul.tabbernav{
margin:0; *margin-top:1px; _margin-top:1px;
padding: 3px 0;
border-bottom: 1px solid #778;
font-weight: bold;
}

Acrescente os códigos em vermelho.

Pronto! A borda superior do seu menu em abas vai aparecer normalmente no IE7 e IE6, porque no Firefox já está tudo legal!

Informações sobre o Template Tabs01

»DOWNLOAD AQUI«

Para Configurar a Barra de Navegação Superior e as Abas Sobrepostas.
Clique em Layout
►Em Elementos de Página altere o que preferir;
►Em Editar HTML, na caixinha com o código do seu blog faça as alterações necessárias.
▼Clique em Continue Lendo▼

1º►CONFIGURANDO OS LINKS DA BARRA DE NAVEGAÇÃO SUPERIOR e COMO ACRESCENTAR AS WIDGETS NAS ABAS

»Clique na imagem para ampliar

► Você pode inserir os links no menu superior usando uma Lista de Links. → ATENÇÃO: NÃO COLOQUE O TÍTULO NESTA LISTA DE LINKS, SENÃO FICA DESALINHADO!

►Os TITULOS das abas serão sempre o título da widget que você escolher para colocar.

2º►CONFIGURANDO AS WIDGETS DE POSTS E COMENTÁRIOS RECENTES

Em Layout→Elementos de página:
» A widget de Posts Recentes já estará aparecendo, ou não, por ser a tab ativa em "1", então clique em editar e acrescente o código como está explicado neste link: Widget de Posts Recentes .
»Se a widget de posts recentes não estiver aparecendo clique em Adicionar um elemento de página e coloque a widget que quiser.

» A widget de Comentários Recentes está na tab "2", então clique em 2 e em editar e acrescente o código como está explicado neste link: Widget de Comentários Recentes.

3º►COLOCANDO MAIS ABAS OU MAIS MENUS EM ABAS:
Em Editar HTML, na caixinha com o código do seu blog encontre:

<div id='tabsidebar-wrapper'>

<div class='tabber' id='tab1'>
<div class='tabbertab'>
<b:section class='tabberwidg' id='tabberwidg1' maxwidgets='1' showaddelement='yes'>
<b:widget id='HTML1' locked='false' title='Posts Recentes' type='HTML'/>
</b:section>
</div>

<div class='tabbertab'>
<b:section class='tabberwidg' id='tabberwidg2' maxwidgets='1' showaddelement='yes'>
<b:widget id='HTML2' locked='false' title='Comentários Recentes' type='HTML'/>
</b:section>
</div>

<div class='tabbertab'>
<b:section class='tabberwidg' id='tabberwidg3' maxwidgets='1' showaddelement='yes'>
<b:widget id='Label1' locked='false' title='Marcadores' type='Label'/>
</b:section>
</div>

<div class='tabbertab'>
<b:section class='tabberwidg' id='tabberwidg4' maxwidgets='1' showaddelement='yes'>
<b:widget id='BlogArchive1' locked='false' title='Arquivo' type='BlogArchive'/>
</b:section>
</div>

</div><!-- End tab1-->

<div class='tabber' id='tab2'>

<div class='tabbertab'>
<b:section class='tabberwidg' id='tabberwidg5' maxwidgets='1' showaddelement='yes'>
<b:widget id='LinkList2' locked='false' title='Sobre o Blogger' type='LinkList'/>
</b:section>
</div>

<div class='tabbertab'>
<b:section class='tabberwidg' id='tabberwidg6' maxwidgets='1' showaddelement='yes'>
<b:widget id='HTML3' locked='false' title='Como Instalar o Template' type='HTML'/>
</b:section>
</div>

<div class='tabbertab'>
<b:section class='tabberwidg' id='tabberwidg7' maxwidgets='1' showaddelement='yes'>
<b:widget id='HTML4' locked='false' title='Política de Privacidade' type='HTML'/>
</b:section>
<</div>

</div><!-- End tab2-->

</div><!-- End Tabsidebar-->

Obs: tab1 e tab2 representam os menus com abas.

►PARA ACRESCENTAR ABAS:
É simples:
Veja que cada código class='tabbertab' representa uma aba.
☺→Então para acrescentar ABAS você deverá copiar este código base:

<div class='tabbertab'>
<b:section class='tabberwidg' id='tabberwidg1' maxwidgets='1' showaddelement='yes'/>
</div>

e colocar no menu que desejar, lembrando sempre de alterar uma coisa:
Está vendo o código em vermelho: tabberwidg1 ► SEMPRE QUE VOCÊ CRIAR UMA NOVA ABA DEVERÁ ALTERAR O NÚMERO 1 PARA OUTRO DESDE QUE NUNCA SE REPITAM.
→No código original eu uso de 1 a 7, então para você acrescentar outra aba deverá começar com o nº8.

Feito isso SALVE o seu código e vá em Elementos de página, lá estará o nº da aba que você criou, Adicione o elemento de página que preferir e pronto, sua aba nova já foi acrescentada.

►PARA ACRESCENTAR OUTRO MENU:
Você deve acrescentar entre os códigos:

</div><!-- End tab2-->
ACRESCENTE AQUI
</div><!-- End Tabsidebar-->

Este código base:

<div class='tabber' id='tab3'>
<div class='tabbertab'>
<b:section class='tabberwidg' id='tabberwidg#' maxwidgets='1' showaddelement='yes'/>
</div>
</div><!-- End tab3-->

→O terceiro menu será representado por tab3.

→Irá funcionar da mesma forma para acrescentar mais abas tendo que alterar o nº(#) da tabberwidg# por um diferente. (O simbolo # representa o nº)

→ Você também terá que acrescentar um código CSS para o menu novo:

Abaixo deste código:
.tabberlive#tab2 { float:right;
}
.tabberlive#tab2 .tabbertab {
height:200px;
overflow:auto;
}

Acrescente este:
.tabberlive#tab3 { float:right;
}
.tabberlive#tab3 .tabbertab {
height:200px;
overflow:auto;
}

Pronto!
Se quiser, faça estas alterações e APROVEITEM O TEMPLATE!

Lorem Ipsum

"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam augue tortor, feugiat non, molestie et, auctor vel, nisi. Nulla mauris elit, volutpat eu, hendrerit at, volutpat et, enim. Donec enim nisi, scelerisque eget, gravida id, tincidunt vel, tellus. Fusce nec pede a erat tristique aliquet. Nullam accumsan, tellus vitae lacinia euismod, nunc nibh aliquam felis, at sollicitudin nunc ligula non mauris. Nulla facilisi. Aliquam nunc. Mauris at urna. Sed orci nibh, porttitor feugiat, auctor ut, viverra et, purus. Donec in sem a magna auctor viverra. Nulla elit arcu, rhoncus a, porta ut, sodales sit amet, sapien. Vivamus pulvinar, arcu molestie tristique sollicitudin, sem magna rhoncus tortor, ut egestas felis risus vel metus. In quis mauris. Etiam elementum justo vitae tortor.

Donec neque. Curabitur tempus, odio pulvinar ullamcorper fringilla, pede justo molestie enim, vitae fermentum nulla augue eget metus. Nunc volutpat euismod lectus. Ut risus justo, placerat eu, ullamcorper nec, scelerisque ut, justo. Sed sit amet enim. Nullam non sem in mi adipiscing ultricies. Pellentesque in ligula non tortor imperdiet fringilla. Nulla eget nisi. Mauris felis sem, aliquet commodo, porttitor ac, porta nec, tortor. Quisque ut purus.

Nullam tristique dolor nec velit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed egestas consectetuer mi. Suspendisse potenti. Fusce posuere convallis risus. In venenatis tempor felis. Nullam ut mauris tempus nulla auctor volutpat. In hac habitasse platea dictumst. Duis tincidunt blandit quam. Morbi venenatis turpis vel augue. Fusce eu ligula. Nullam eu nunc vel pede dignissim fringilla.

Donec iaculis. Quisque purus ipsum, fringilla quis, gravida quis, fringilla ac, lectus. Aliquam pharetra ligula eget justo fermentum posuere. Suspendisse condimentum tempus augue. Praesent luctus pulvinar risus. Donec consequat euismod pede. Mauris ullamcorper suscipit lorem. Aliquam sapien risus, congue et, adipiscing sit amet, semper in, felis. Donec blandit iaculis quam. Fusce sit amet odio in ipsum malesuada congue. Donec orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam congue.

Nunc convallis. Quisque eleifend, dui ac ultrices consectetuer, nisi felis aliquam lectus, non dapibus nisi nulla id risus. Sed volutpat mi id quam. Proin facilisis, diam dignissim eleifend egestas, sem dui malesuada felis, eu semper nisl orci et ante. Sed placerat. Ut nec dolor quis augue laoreet ultricies. Nunc porta. Nunc quis ante. In tempus odio sit amet urna. Pellentesque eu tellus. Ut faucibus elit accumsan lectus. Vestibulum porttitor. Nam euismod sapien ac nulla. Ut non risus in mi venenatis aliquam."

Controle Seu Dinheiro!

CONTROLE SEU DINHEIRO é um sistema que vai ajudar você a controlar melhor suas receitas e despesas de forma organizada, possibilitando a realização de um planejamento financeiro, para que você consiga construir sua riqueza em menos tempo.



CLIQUE NA IMAGEM,
CADASTRE-SE AGORA E COMECE A UTILIZAR O SISTEMA QUE VAI AJUDAR VOCÊ A CONTROLAR SEU DINHEIRO!