Oi pessoas e.e
Mas um hiatus se passou e eu estou de volta, como andam? Agradeço pelos comentários e pelos 75 seguidores ♥ Amo vocês ♥² Ah, estou precisando trocar o layout, então não sei se faço um layout do blog, o se pego um layout free, se quiserem me dar sugestões de layouts free, eu agradeço <3 Enfim, estava lá eu sem nada pra fazer, resolvi tentar fazer um menu, para verem o resultado, cliquem aqui (Menu Simply), gostaram? Leiam mais para ver o tutorial ~o/
Vá em Modelo > Editar HTML, procurem por "]]></b:skin>"
Encontrou? Acima dessa tag cole esse código:
.simply {float: center;font: 9px "tahoma";color:#fff !important;text-align: center;text-transform: uppercase;background-color: #ffffff;padding: 3px; border-radius: 1px;text-shadow: 0 0px 0 #a0a0a0;margin-bottom: 2px;margin-top:2px;letter-spacing:0px;display: inline-block;width: auto; align: center;text-align: center;-webkit-transition-duration: .50s;padding: 4xp;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;border-left: 1px solid #ccc;border-right: 1px solid #ccc;}.simply:hover {float: center;font: 9px "tahoma";color:#fff !important;text-align: center;text-transform: uppercase;background-color: #ffffff;padding: 3px; border-radius: 1px;text-shadow: 0 0px 0 #a0a0a0;margin-bottom: 5px;margin-top:5px;letter-spacing:0px;display: inline-block;width: auto; align: center;text-align: center;-webkit-transition-duration: .50s;padding: 4xp;border-top: 1px solid #000000;border-bottom: 1px solid #000000;border-left: 1px solid #000000;border-right: 1px solid #000000;}
Na parte das 'border' são as bordas, 'top' a borda de cima, 'bottom' a borda de baixo, 'left' a borda da esquerda e 'right' para a borda da esquerda. '#ccc' é a cor da borda.
Na parte do ".hover {" é o menu quando você passa o mouse em cima, o hover do menu.
Depois de ter editado, para usar o menu, vá em Layout e adicione um gagdet HTML e cole:
<div class="simply"><a href="SEULINK">NOME DO SEU LINK</a></div>
Prontinho! Se for usar o menu, por favor, credite! Se for rebloga-lo, também credite!
Qualquer dúvida, deixe um comentário para que eu possa te ajudar ~
Qualquer dúvida, deixe um comentário para que eu possa te ajudar ~
Até mais ~ <3
Amei o tutu *__*
ResponderExcluirBeijos
Be--Different
Que bom que gostou! :3
ExcluirMenu lindo, mto cute ^o^
ResponderExcluirhttp://criticas-on.blogspot.com.br/
Que menu lindo *__________________*
ResponderExcluir~Chu
HTML Thing