banner image
Sedang Dalam Perbaikan

Cor ou imagem nos titulos da sidebar

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:
  • 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 Cor ou imagem nos titulos da sidebar Reviewed by MCH on December 16, 2007 Rating: 5

No comments:

Powered by Blogger.