Com um certo atraso publico o Template Outubro.
Contém menu horizontal, resumos automáticos de postagens e posts relacionados.
Para editar os links do menu, procure por este trecho e coloque a url onde indicado, substituindo o que está em negrito:
<div id='header-right'>
<ul>
<li class='home'><a href='
http://templateoutubrotnb.blogspot.com/'>Home</a></li>
<li class='tab'><a href='
http://templateoutubrotnb.blogspot.com/'>Sobre</a></li>
<li class='tab'><a href='
http://templateoutubrotnb.blogspot.com/'>Fotos</a></li>
<li class='tab'><a href='
http://templateoutubrotnb.blogspot.com/'>Contato</a></li>
EDIT: existe um erro no código que faz com que a paginação (links Postagens Recentes, Postagens Antigas) apareçam acima dos resumos. Para arrumar, procure por:
#blog-pager e acrescente a linha abaixo:
#blog-pager {
text-align: center;
clear:both;
}
Obs: novo link para download em 21/10/10
Leia Mais
Template com menu horizontal e uma sidebar.
Para editar os links do menu horizontal, procure o seguinte trecho do código do template:
<div id='navigation'>
<ul>
<li class='home'><
a href='http://riscoserasuras.blogspot.com/'>Home</a></li>
<li class='tab'><a href=''>Sobre</a></li>
<li class='tab'><a href=''>Imagens</a></li>
<li class='tab'><a href=''>Contato</a></li>
</ul>
Substitua a url em negrito pela url do seu blog e coloque as outras url's que desejar.
Obs: As imagens utilizadas neste template, por serem grandes, tornam o carregamento da página um tanto lento. Este problema pode ser contornado hospedando as imagens no seu próprio blog.
1- Crie uma nova postagem e acrescente todas as imagens que acompanham o código do template. Deixe a imagem como
grande:
2- Coloque todas as imagens neste post e salve o post como rascunho.
3- Clique em Editar HTML e copie a url da imagem:
4- Cole a url no local correspondente no código do template. Por exemplo, a imagem
body background deve ser colocada em :
body {
background:url(
http://4.bp.blogspot.com/_YGpl3rQPSzI/SqXYfLn4NHI/AAAAAAAAN0g/4QIzInK6ssQ/s320/back.png) repeat;
Algumas imagens aparecem duas vezes, no formato png e gif e devem ser colocadas na ordem em que se apresentam. Por exemplo, em
.top há dois backgrounds, desta maneira:
background: url(
aqui coloque a imagem top 1) no-repeat top center;
_background: url(
aqui coloque a imagem top 2) no-repeat bottom center;
Atenção! O link copiado será mais ou menos como o mostrado abaixo, no entanto
a parte em vermelho deve ser apagada:
http: //3.bp.blogspot.com/_YGpl3rQPSzI/Sq63cwTvbZI/AAAAAAAAN7c/AYGWsJGOq1c/s1600-h/bottom+1.png
Edit 09/04/2010 - Resolvido o problema dos links no menu para IE7.
Para quem baixou o template antes desta data, a correção é feita deixando os códigos abaixo como se apresentam:
#nav{
position: relative;
margin: 0px auto 0;
padding: 0 0 0;
height:35px;
width: 960px;
line-height:2.0em;
}
#nav ul{
position: absolute;
z-index:1000;
margin: 0px 0px 0px;
padding: 0 0 0;}
Leia Mais
