02 fevereiro 2014

Personalizando a Sidebar

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.






Nenhum comentário:

Postar um comentário