Banner com Hover

.Banner hover é um banner, que quando passa o mouse em cima, ele muda em alguma coisa ou totalmente (depende de como cada um quer).

Copie e cole o seguinte código no seu CSS (entre <style> e </style>), repondo as aspas:

/*** Banner com Hover by Making-Themes ***/
.bannermt {background: url(‘URL_DO_BANNER_PRINCIPAL’); width:LARGURApx ; height: ALTURApx;}
.bannermt:hover {background: url(‘URL_DO_BANNER_HOVER’); width:LARGURApx ; height: ALTURApx;}

Aonde tem URL_DO_BANNER_PRINCIPAL você deve colocar a url do banner que vai ficar direto no theme e no URL_DO_BANNER_HOVER a url do banner que irá aparecer quando você passar o mouse. (você pode gerar sua url clicando aqui)

E aonde tem LARGURA e ALTURA, você deve colocar o tamanho exato do seu banner, senão fica desconfigurado!

Agora, você vai colar o seguinte código, onde quer que seu banner fique:

<div class=”bannermt” ></div>

Se quiser o banner como link, o código é esse:

<a href=”SEU_LINK_AQUI”><div class=”bannermt” ></div></a>

Não se esqueça de trocar as aspas, senão o código não funciona!

Simples, não? Se ajudamos credite.

{Laura}

  1. making-themes posted this