Olá gente bem vindos, a mais um tutorial, hoje vou ensinar a personalizar a Sidebar. CONFIRA:
vá em modelo, editar HTML aparte Ctrl+F e procure por: /* Headings
No meu aparecer assim:
Apague essa parte de h2 ate }
e coloque o seguinte codigo.
]
.sidebar h2 {
background:url(URL DA SUA IMAGEM)no-repeat; /* IMAGEM DA SIDEBAR */
width:300px; /* LARGURA DA IMAGEM */
height:46px; /* ALTURA DA IMAGEM */
margin-left:-75px;/* MARGEM DA ESQUERDA */
margin-top:-50px;/* MARGEM SUPERIOR */
margin-bottom:0;
font-family:Arial;/* ESTILO DE FONTE */
font-size:20px;/* TAMANHO DA FONTE */
color:#FFFFFF;/* COR DA FONTE */
text-shadow:1px 1px 0 #;/* NÃO ALTERE */
text-align:center;/* TEXTO NO CENTRO DA IMAGEM */
text-transform:uppercase;/* TRANSFORMAÇÃO DO TEXTO, TODAS LETRAS MAIÚSCULAS */
letter-spacing:0;/* ESPAÇO ENTRE AS LETRAS */
line-height:50px;
}
Feito isso, Faça as alterações que precisar.
Obs: na parte de colocar o URL. antes hospede a imagem, para poder colocar.
0 Comments