02/10/2012

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á.

1. 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

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

2. Apague toda essa parte e coloque no lugar essa aqui

Códigos
.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 

Códigos
background: #fbfbfb; /*Cor de fundo*/ 

por

Códigos
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

Bem Vindos
Hi! Meu nome é Andréa Alark, mas conhecida como Wendy dona do blog Bunny Crazy. O blog foi criado em 2010 na intenção de ajudar a criação e desenvolvimento do seu blog. Aqui encontrará tutoriais e dicas de HTML, layouts gratuitos e muito mais.
Friends
Bunny Crazy by Wendy ❀
Bunny Crazy ★
Bunny Crazy ★
12345