20 de nov de 2013

Menu para página de goodies


 Então, achei esse tutorial super útil e interessante no Garotas que Curtem Anime.

Vá em seu Modelo e em Editar HTML dê Ctrl+F e pesquise por ]]></b:skin>

E acima desse código, cole:

}/*** Menu de goodies GQCA ***/
.goodies {
display: block; 
font-size: 8pt; 
font-family: verdana; 
line-height: 15px; 
border-bottom : 1px solid
#fcc;
text-indent: 5px; 
vertical-align: middle; 
background: url('
http://i11.photobucket.com/albums/a168/evelynregly/minigifs/minikao2.gif') no-repeat left; 
padding-left: 10px; 
padding-bottom: 2px;
}
.goodies:hover {
display: block;
border-bottom: 1px dashed
#fcc;  /*** cor da borda de baixo ***/
vertical-align: middle; 
padding-left: 10px; 
padding-bottom: 2px;
background:
#fcc url('http://i11.photobucket.com/albums/a168/evelynregly/minigifs/minikao2.gif') no-repeat left;  /*** Altere a cor de fundo quando passa o mouse se quiser ***/

A primeira parte em negrito do código corresponde a cor da linha abaixo do código, e a segunda parte ao mini gif. 
A terceira parte em negrito corresponde a cor da linha de baixo quando o mouse estiver em cima (hover) e a quarte parte a cor de fundo também e efeito hover, assim como a quinta parte em negrito que corresponde ao mini gif em efeito hover.

Crie uma nova página em seu blog e cole o seguinte código:

<div style="float: left; width: 49%;">

<div class="goodies"><a href="URL_DA_POSTAGEM">TÍTULO </a> </div>

<div class="goodies"><a href="URL_AQUI">TÍTULO 2</a> </div>

</div>

<div style="float: right; width: 49%;"><div class="goodies">

<a href="URL_AQUI">TÍTULO 1</a> </div>

<div class="goodies"><a href="URL_AQUI">TÍTULO 2</a> </div>

</div>

Para adicionar mais páginas, use esse código:

<div class="goodies"><a href="URL_DA_POSTAGEM">TÍTULO </a> </div>

Lembrando que a parte do código dentro de "left" eles irão aparecer do lado esquerdo, e do código "right" no lado direito

Nenhum comentário:

Postar um comentário

Não saia sem comentar!
Comentando vocês nos incentiva a continuar postando e podemos saber de sua opinião quanto ao post e/ou o blog!

OBS: Por favor. Vamos manter a postura.
Sem xingamentos com palavras de baixo calão