Colocando cor ou imagem nos titulos da sidebar - Dicas da Net

Dicas da Net

Tudo sobre o Mundo da Tecnologia.

quinta-feira, 26 de março de 2009

Colocando cor ou imagem nos titulos da sidebar

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;

Nenhum comentário:

Postar um comentário

Tire suas dúvidas, deixe um comentário!