HOME ♥ Sobre ♥ Metas ♥ Cronograma ♥ Meus Contatos ♥ Fan Pages ♥

Músicas

26/02/2016

Menu no Topo

Olhem que menu lindo! Ficou assim no meu! Quer no seu também? Pode até pegar a imagem "PINK"! Vamos lá?
Você clica em "Editar HTML" e procura: ]]></b:skin>
E em cima dele você vai colocar:

.position {margin-top: -150px; margin-left: 920px; position:absolute;-webkit-transition: all 2s ease; -moz-transition: all 2s ease; -o-transition: all 2s ease; transition: all 2s;z-index:101;}

.position:hover {margin-top: -5px;}
.menu1{background: rgba(0,0,0,0.03);padding: 10px; box-shadow: inset 0 1px 3px rgba(0,0,0,0.15), 0 1px 1px rgba(255,255,255,0.35); text-align: just;cursor:pointer;}
.menu {display : block;font-size: 8px;font-family: 'Arial', sans-serif;letter-spacing : 0;margin-left: 1px; margin-right: 1px; background-repeat : no-repeat;text-indent :7px;vertical-align : middle;text-decoration : none;line-height : 21px; margin-bottom : 1px;padding: 0px;border-top: 1px solid #fff;background : #f5f5f5; text-shadow: 1px 1px 1px #fff; text-transform:uppercase; color: #999;}
.menu a {color:#fff;text-transform: uppercase;text-shadow: 0px 1px 0px #fff;text-decoration:none;}
.menu:hover {display : block;font-size: 8px;font-family: 'Arial', sans-serif;letter-spacing : 0;margin-left: 1px; margin-right: 1px; background-repeat : no-repeat;text-indent : 8px;vertical-align : middle; text-decoration : none;line-height : 21px; margin-bottom : 1px;padding: 0px;border-top: 1px solid #fff;background : #f5f5f5; text-shadow: 1px 1px 1px #fff; text-transform:uppercase; color: #999;
}

Procure <body expr:class='&quot;loading&quot; + data:blog.mobileClass'> e cole logo abaixo:

<div class='position'><div class='menu1'>
   <a class='menu' href='LINK'>NOME</a>
<a class='menu' href='LINK'>NOME </a>
   <a class='menu' href='LINK'>NOME</a>
   <a class='menu' href='LINK'>NOME</a>
<a class='menu' href='LINK'>NOME</a>
<a class='menu' href='LINKl'>NOME</a>

</div>
<img src=' URL DO BOTÃO DO MENU- DIMENSÕES LARGURA 100PX- ALTUAL 28PX '/>
  
</div>

Onde tem LINK coloque o site do Home, Sobre, etc. Tipo: http://dicasdetudobybia.blogspot.com.br/p/sobre.html

Onde tem NOME coloque Home, Sobre, Contato, etc.

Onde tem URL DO BOTÃO DO MENU- DIMENSÕES LARGURA 100PX- ALTUAL 28PX coloque o url da imagem (P.S. não é obrigatório ter essas dimensões, mas se tiver fica mais bonitinho!)

Vi esse Tutorial divo Nesse Blog, ele tem muito tutoriais legais! Dêem uma passadinha! ☺



Bjos DIVAS! ♥ (P.S. se for usar coloque um comentário ok? E coloque os créditos !) ☺
Postado por

2 comentários:

Regras ao comentar:
♥Serão apagados comentários de brigas e xingamentos entre leitoras
♥Podem deixar os links de seus blogs
♥Responderei o que puder
♥Se alguém pedir um post aqui não diga que vai fazer em seu blog
Agora podem comentar, lindas!

Assinar: Postar comentários (Atom)