Tutorial: Título dos Gadgets em Hover

Hooy Fofos

Vocês já devem conhecer esse tutorial, que é muito útil. Eu particularmente acho o resultado super fofo. O resultado do tutorial é esse:

Vamos lá?

Vá em seu HTML.

Dê um CTRL + F  e procure por:

]]></b:skin>

Acima dessa tag, cole o seguinte código:

/* Título dos gadgets by: The Lovers */
.sidebar h2 {
text-align: center;
font-size: 14px;
color: #000000; /* Cor da fonte */
background: #FF6EB4; /*Cor de fundo */
border-bottom: 2px solid   #FF3E96 ; /* Cor da linha */
}
.sidebar h2:hover {
font-size: 14px;
color: #000000; /* Cor da fonte quando passa o mouse */
background: #FF69B4; /* Cor de fundo quando passa o mouse */
text-align: center;

Mude as cores utilizando a tabela de cores clicando aqui .

Espero que tenham gostado do tutorial amores! E temos uma nova meta: 200 seguidores!

Um beeeijo :*

Créditos: The Lovers