Titulo de gadget em hover

24 de jul de 2013



Esse é o efeito

 

No seu html acima de ]]></b:skin>
cole esse código:

/* TITULO DO GADGET BY CARLOS PERICLES (semuser) */
.sidebar .widget {
padding: 10px;
margin-bottom: 40px; /*Espaço entre um gadget e outro*/
}
.sidebar .widget h2 {
background: #FF6188; /*Cor do fundo do título*/
width: 190px; /*Largura do fundo, aumente se quiser*/
font-family: Verdana; /*Fonte do título*/
font-size: 14px; /*Tamanho da fonte*/
font-weight: normal;
line-height: 14px; /*Altura da linha, coloque o mesmo tamanho que usou na fonte*/
margin-top: -31px; /*Quantos pixels o título sobe*/
margin-left: -1px;
padding-left: 5px;
transition-duration: 1s;
-moz-transition-duration: 1s;
-webkit-transition-duration: 1s;
}
.sidebar .widget h2:hover {
background: #DDBFED; /*Cor do fundo do título*/
width: 190px; /*Largura do fundo, aumente se quiser*/
font-family: Verdana; /*Fonte do titulo*/
font-size: 14px; /*Tamanho da fonte*/
font-weight: normal;
line-height: 14px; /*Altura da linha, coloque o mesmo tamanho que usou na fonte*/
margin-top: -31px; /*Quantos pixels o título sobe*/
margin-left: -15px;
padding-left: 15px;
transition-duration: 1s;
-moz-transition-duration: 1s;
-webkit-transition-duration: 1s;
}

O que está em negrito é o código das cores o resto também está explicado no código ai você edita como preferir. 

Tabela de cores aqui

0 comentários :

Postar um comentário

Seu Comentários é sempre bem vindo!
Comente,opine,se expresse! Este espaço é seu!
Comentar faz parte,então por favor deixem comentários

-Todos os comentários são moderados e só ficarão disponíveis ao serem aprovados
-A área de comentários não é casa da mãe Joana,então tenha respeito.Não use palavrões,nem insultos,ofensas,agressões e baixarias;
-Não serão aceitos comentários Anônimos,comentários repetidos,e que tenham qualquer material publicitários ou de merchandising pessoal ou de benefício de terceiros
-Contatos pessoais devem ser feitos na pagina de contato.
-Não deixe links desnecessários os comentários

AVISOS:

--Blog não é Chat,respeitadas as regras ,é livre o debate dos assuntos aqui postados,Que o espaço de comentários não sirva para bate papo sobre assuntos de caráter pessoal ou estranhos ao blog
--A tentativa de clonar nomes e apelidos de outros usuários para emitir opiniões em nome de terceiros configura crime de falsidade ideológica.

Espero que tenham gostado do blog e que volte sempre!