02/10/2012

Tutorial: Personalizando os título da sidebar

||

Como vão todos vocês? Espero que bem, hoje trago um tutorial que peguei do blog Cherry Bomb de personalizar os títulos dos gadgets. Não modifiquei nada por falta de tempo mas ai está. Vamos lá.

Entre em seu HTML e maque a caixinha expandir widgets, se aparecer algum aviso apenas de um ok! Agora usando o atalho procure por essa tag

h2 { 

Abaixo dessa tag você ira encontrar um trechinho assim

h2 {
  font: $(widget.title.font);
  color: $(widget.title.text.color);
}

 Apague toda essa parte e coloque no lugar essa aqui

.sidebar h2 {
font-family: Century Gothic; /*Tipo de fonte*/
font-size: 16px; /*Tamanho da fonte*/
color: #000000; /*Cor da fonte*/
border-bottom: 2px solid #fff; /*Borda de baixo, apague se não quiser*/
background: #fbfbfb; /*Cor de fundo*/
text-align: center; /*Alinhamento do texto*/
}

Agora é só personalizar as cores se você desejar colocar alguma imagem  substitua o 

background: #fbfbfb; /*Cor de fundo*/ 

por

background: url(link_da_imagem) no-repeat center;
height: 30px;/*Altura da imagem*/
width: 200px; /*Largura da imagem*/ 

Um comentário:

  1. Amanda =)19/3/13

    Estava procurando esse tutorial! Amei, bem útil!


    Participando da campanha ~'Família BLABLABLA'~ íniciado por Ynne, e desde então sendo divulgado:

    Família: Werey

    Amanda Ariana Werey - Simplesmente eu, me chame de "Am"
    Ynnemi Werey - Minha mãe, a criadora da campanha.
    Pedro Lirston Werey - Meu pai, o Sr. Pedro Lirston "kkkk"

    ResponderExcluir

Hi guys!!!!
Hey aqui é Wendy, blogueira desde 2010! Viciada em animes, amante de livros e adora ver séries! Criei esse cantinho na intenção de ajudar na criação e personalização de blogs e sites.
Wattpad Facebook Tumblr Instagram