Menu classic

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 semana odeio.  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 lindinho U3U
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 ♥

8 comentários:

  1. É muito chato ficar sem criatividade no fim de semana, também sou assim e-e'
    Logo quando tenho mais tempo para postar ò.ó
    Adorei o menu
    O bom é que é bem fácil de entender =^.^=
    ~kissus

    ResponderExcluir
  2. Amei o menu *3* vou guarda-lo pro proximo template xD

    ResponderExcluir
  3. Muito fofo esse menu!^3^
    Bjs
    luisadub.blogspot.com

    ResponderExcluir
  4. Hey florzinha,
    muito meigo esse menu, amei ><
    beijos,
    Cerejas Voadoras~~

    ResponderExcluir

Seu comentário é muito importante para o crescimento do blog, mas antes têm algumas regrinhas a serem cumpridas:
♥ Aceitamos pedidos de afiliação, somente se seguir o nosso blog;
♥ Comentários do tipo "seguindo,segue de volta, serão aceitos com prazer, afinal não é pecado pedir para seguirem seu blog, não é mesmo?;
♥ E é claro que eu visito seu blog, afinal é bom conhecermos novos blogs;
♥ Deixe o link do seu blog;
♥ Para mais informações, consulte a nossa FAQ