#BTD: FAZENDO MEU LAYOUT

Oii primero post do quadro #BTD ( e isso ai blog todo dia, todo dia tera post novo aee). Epara começar o quadro escoli um tutorial de #FazendoMeuLayout. Tô bem animada com o este projeto, tem muita gente que curtir e isso me deixa muito feliz, de verdade - me abraceeeem! 

Hoje vou ensinar algo que requer MUITO a atenção de vocês. Assim como todos os outros códigos um e a mais o seu código buga todo :/

 PARA FAZER O DOWNLOAD DAS CATEGORIAS CLIQUE AQUI! :)

Gente, percebi que no arquivo que disponibilizei para vocês eu apenas coloquei as imagens comum das Categorias, para ficar mais legal eu fiz Imagens para as categorias em Hover, ou seja, quando você estiver com o mouse em cima da imagem ela mudará de cor. Coloque o mouse em cima das Categorias aqui do Blog que você vai entender o que estou falando.

Dentro da caixinha de HTML/JavaScript você devera colar o código abaixo:

<div class='categoria'>                                                                                                                         
<a href="LINK DA CATEGORIA" target="_blank">                                                                       
<img src="IMAGEM 1" onmouseout="this.src='IMAGEM 1';" onmouseover="this.src='IMAGEM HOVER';" />                                                                                                                                       
</a>                                                                                                                                                     
</div>                                                                                                                                                     



Caso queira colocar mais imagem basta acrescentar mais códigos iguais a este:

<a href="LINK DA CATEGORIA" target="_blank">                                                                       
<img src="IMAGEM 1" onmouseout="this.src='IMAGEM 1';" onmouseover="this.src='IMAGEM HOVER';" />                                                                                                                                       
</a>                                                                                                                                                        

Para centralizar basta você ir em Modelo > Clique dentro da caixa de códigos e aperte CRTL+F > Pesquise por ]]>< > e acima disso cole:

/* Categoria                                                                                                                                           
--------------------------------------*/                                                                                                         
.categoria {                                                                                                                                             
text-align:center;                                                                                                                                   
}