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!
Corrigindo a borda superior do menu em abas no IE
domingo, 6 de abril de 2008
Postado por Templates para Você às 12:27 2 comentários
Marcadores: Correções no Template
Informações sobre o Template Tabs01
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▼
► 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!
Postado por Templates para Você às 11:54 1 comentários
Marcadores: Informações sobre o Template
Lorem Ipsum
domingo, 23 de março de 2008
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.
Postado por Templates para Você às 15:40 1 comentários
Marcadores: Lorem
Controle Seu Dinheiro!
quarta-feira, 27 de fevereiro de 2008

CLIQUE NA IMAGEM,
CADASTRE-SE AGORA E COMECE A UTILIZAR O SISTEMA QUE VAI AJUDAR VOCÊ A CONTROLAR SEU DINHEIRO!
Postado por Templates para Você às 17:07 1 comentários
Marcadores: Dicas