Ainda não participou do concurso? Clique aqui.
Yoo ~
Como vocês estão? Estou sem animação hoje pra postar, mas isso só acontece fim de semanaodeio. Aaah, antes que eu me esqueça, muito obrigada pelos 31 seguidores, eu amo vocês ♥, estou muito orgulhosa porque temos 31 seguidores em menos de 1 mês \o/. Eu estava pensando em mudar o layout do blog, porque eu já enjoei desse, mas vou mudar só fim de semana que vem, porque hoje eu estou com preguiça ashuashua.
Bom, hoje só pra variar, trouxe mais um menu.
Esse menu é simples, mas é muito lindinhoU3U
Ele é do tumblr, mas adaptei ele para o blogger, portanto, créditos para mim #feel like a web designer.
Like preview: [www]
Vá em modelo, editar html e cole antes de </head>
Depois, vá em <b:skin> e cole depois dele esse código:
Como vocês estão? Estou sem animação hoje pra postar, mas isso só acontece fim de semana
Bom, hoje só pra variar, trouxe mais um menu.
Esse menu é simples, mas é muito lindinho
Ele é do tumblr, mas adaptei ele para o blogger, portanto, créditos para mim #feel like a web designer.
Like preview: [www]
Vá em modelo, editar html e cole antes de </head>
<link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'>
Depois, vá em <b:skin> e cole depois dele esse código:
/* Menu Classic - by: mandi_chan*/
.menu {
position: absolute;
background: #ffc9b4; /* Cor de fundo da barra do menu */
width: 100%;
text-align: center; /*Posição do menu*/
left: 0px;
top: 0px;
z-index: 1000;}
.menu mn {
color: #000; /* Cor da Fonte do Menu */
font-family: 'Fjalla One', cursive;
font-size: 30px;
text-transform: uppercase;
margin-right: 14px;
padding: 7px;
padding-bottom: 0px;
overflow: hidden;
-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
-o-transition-duration: 1s;
-ms-transition-duration: 1s;
}
.menu mn:hover {padding-bottom: 10px;
border-bottom: 7px solid #000; /* Cor da borda dos links ao passar o mouse */
background: #f5cbed; /* Cor de fundo dos links */
}
Pronto, agora salve. Procure por: <header> e cole esse código acima dele:
<div class="menu">
<a href="/"><mn>Home</mn></a>
<a href="/"><mn>Link</mn></a>
<a href="/"><mn>Link</mn></a>
<a href="/"><mn>Link</mn></a>
</div>
O menu ficará em cima do cabeçalho, pois você colocou o código dos links antes da tag <header>, ou seja a cima do cabeçalho.
Prontinho pessoal, esse é o menu classic, e eu acho que vou usar no próximo lay,ashuashua.
Kissus ♥
Prontinho pessoal, esse é o menu classic, e eu acho que vou usar no próximo lay,
Kissus ♥
É muito chato ficar sem criatividade no fim de semana, também sou assim e-e'
ResponderExcluirLogo quando tenho mais tempo para postar ò.ó
Adorei o menu
O bom é que é bem fácil de entender =^.^=
~kissus
É mesmo. Obrigada *-*
ExcluirAmei o menu *3* vou guarda-lo pro proximo template xD
ResponderExcluirObrigada ^-^
ExcluirMuito fofo esse menu!^3^
ResponderExcluirBjs
luisadub.blogspot.com
Obrigada, que bom que gostou :D
ExcluirHey florzinha,
ResponderExcluirmuito meigo esse menu, amei ><
beijos,
Cerejas Voadoras~~
Obrigada *o*
Excluir