Bem-Vindo ao Biti's Place! Aqui você encontra curiosidades, fotografia, notícias, goodies, e tudo o que há de bom! Sente-se, coma um cookie, e divirta-se! Biti's Place, agora com um ano de vida, na versão Freedom! Para nos seguir, clique o no passarinho em cima das postagens ;3

Sou a Biti, mais conhecida como Bianca, e sou blogueira há pouco mais de um ano. Criei este mundinho colorido com a intenção de entreter vocês e mostrar um pouquinho da minha pessoa. Espero que gostem do blog!



Skin feita com base no Modelo Minima, personalizada pela Cronya e idealizada pela Biti. Não aceitamos nenhum tipo de plágio ou inspirações, por favor respeitem isso. Claro, que tivemos que contar com ajuda de alguns blogs, agradecemos a eles por disponibilizarem códigos e nos ensinar tanto, Kawaii World, Camila's Desing e Cherry Bomb. A skin foi feita inspirada no passárinho da Biti, podem encontrar ele em alguns lugares no blog, fofo não?

Biti's Place

Tutorial: Menu Close

Olá pessoas gatas!

Eu sou Brunna do blog SA e estou hoje aqui para apresentar-lhes um tutorial de um menu M A G N I F I C O que aprendi no Farry Teen... Vamos lá?
Você irá no Editar HTML > Ctrl + F > Procure por : ]]></b:skin>
E cole antes dele o seguinte 


.menuclose {
background: #FF69B4;font-size
: 15px;
font-family:arial;
color: #888;
text-align: center;
float: left;
margin: 5px;
margin-bottom: 10px;
-webkit-transition-duration: 0.8s;
-webkit-box-shadow: 0 50px 0px #fff transparent;
padding: 8px;
}
.menuclose:hover {
-webkit-transition-duration: 1.8s;
box-shadow: 0px 100px 0px #87CEEB inset;
}
.nav {
height: 70px;
width:190;
margin-top: 25px;
opacity: 1;
-webkit-transition-duration: 0.5s;
}


Para personalizar cores, fonte e tamanho basta escolher entre as opções: você terá a opção dessa tabela ou desse  programa!


Agora você irá em "adicionar um gadget" > HTML / JavaScripit e cole isto:



<center> <div class="nav"><a href="LINK" class="menuclose"><font color="#fff">NOME</font></a><a href="LINK" class="menuclose"><font color="#fff">NOME</font></a> <a href="LINK" class="menuclose"><font color="#fff">NOME</font></a> <a href="LINK" class="menuclose"><font color="#fff">NOME</font></a> </div> </center>


Facílimo  e lindo não é?

Espero que tenham gostado... atéé cats *.*

1 Cupcakes comentaram:

  1. muito facil,obrigada pela dica gostei muito!
    tem post novo bora lá!

    http://www.biaricaldy.blogspot.com.br/

    ResponderExcluir

Deixe seu comentário, opinião e sugestões aqui.
No final do comentário, por favor, deixe o url do seu blog/site, para poder te responder melhor e retribuir sua visita!
Obrigada!