E aew galerinha do mau, hj vou postar um tuto q me pediram faz mô tempão, vou ensinar como colocar um Background atras dos títulos dos Gadgets.. pois bem, vamos ao tuto:
Ex.:
Vá em >>Layout>>Editar HTML>> e procure pela seguinte tag:
.sidebar h2 {
Subistitua o codigo da tag citada por este:
.sidebar h2 {
margin: 0px;
padding-left:12px;
height:47px;/* Altura da Imagem */
background: #000 url("URL_DA_IMAGEM")no-repeat;/* Coloque uma imagem ou uma cor */
text-align: left;/* Posicione o titulo */
font: Arial black;
padding-top:13px;
color:#fff;
text-shadow: #000 0px 1px 2px;
margin-bottom:-19px;
}
Em padding, seja padding-top ou padding-lef você posiciona o texto em relação aos lados. Edite: Font, Height, Cor do texto (color), Cor da sombra (text-shadow)... em fim edite ao seu gosto.
Fonte : Design On Brasil
Nenhum comentário:
Postar um comentário