Para colocar cor ou mesmo uma imagem nos tÃtulos da sidebar, 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 15px;
text-align: center;
}
Se no seu template já existe este trecho do 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 e ir visualizando, até que fique como desejado.
Se você deseja inserir uma imagem, é só colocar:
/* 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 15px;
text-align: center;
}
Se no seu template já existe este trecho do 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 e ir visualizando, até que fique como desejado.
Se você deseja inserir uma imagem, é só colocar:
- se a imagem tem as mesmas dimensões estabelecidas para .sidebar h2:
background: url(link da imagem) no-repeat;
- se a imagem for menor e você deseja que ela se repita:
- background: url(link da imagem) repeat-x;
Cor ou imagem nos titulos da sidebar
Reviewed by MCH
on
December 16, 2007
Rating:
No comments: