Fundo hover nos títulos de gadget

Olá amigo leitor do Mundo In4mal! Hoje trago lhes um tutorial fácil, rápido e principalmente simples. E você vai aprender a como fazer com que o fundo dos seus títulos do gadget mudem quando você passar o mouse. É simples:

Vamos ao tutorial:

→ 1° passo: No seu HTML, procure por h2 { e vai achar algo tipo isto:

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

Então, para poder ter o hover do fundo, precisamos de um fundo! Use este tutorial para colocar fundo.

→ 2° passo: Agora, embaixo do código acima, acrescente isso:

.sidebar h2:hover { background: #cccccc; ---/* cor do fundo ao passar o mouse */ }

Salve e pronto! Espero que tenham gostado! Se quiser, mude a cor.

Share This :