Para você colocar cor ou mesmo uma imagem nos títulos da sidebar é fácil, procure este trecho do código do seu template (lembrando sempre que todos os tutoriais são feitos baseados nos códigos do Mínima, do Blogger - sendo assim, é normal que existam diferenças entre o que apresento aqui e seu próprio template)
/* Sidebar Content
----------------------------------------------- */
.sidebar {
color: $sidebartextcolor;
line-height: 1.5em;
}
acrescente abaixo:
.sidebar h2{
color: $sidebartextcolor;
line-height: 1.5em;
background: #000000;
margin: 0px;
padding: 8px 0 0 0;
text-align: center;
}
Se no seu template já existir este trecho do seu código, é só colocar background: (valor da cor); e ter certeza de que margin:0px;. Padding afasta o título do topo da coluna - você pode alterar este valor ao seu gosto. Para que o texto não fique colado na lateral esquerda (já que margin = 0) coloque texto alinhado no centro.
Se você deseja inserir uma imagem, por exemplo, é só colocar:
*se a imagem tem o mesmo tamanho e altura especificada para o titulo:
background: url(endereço da imagem);
*ou, se a imagem for menor e você deseja que ela se repita:
background: url(endereço da imagem) repeat-x;
quinta-feira, 26 de março de 2009
Colocando cor ou imagem nos titulos da sidebar
Tags # Dicas # Tutorial Blog
Tutorial Blog
Marcadores:
Dicas,
Tutorial Blog
Assinar:
Postar comentários (Atom)
Nenhum comentário:
Postar um comentário
Tire suas dúvidas, deixe um comentário!