Menu horizontal fofo




Heeey, olha eu aqui de novo ! rs

Amo tanto postar que não resisti: encontrei um tempo vago e voltei. Own
Meninas, eu estava para postar esse tutorial a um tempão, fiquei uns dias pesquisando e modificando algumas coisas para fazer o melhor para vocês.
Está aí o resultado: Decidi criar este tutorial ensinando como montar um menu horizontal fofo igual  ao do GOC.
Achei as tags no Bomba de Glitter, então os devidos créditos a Sunny.
Vamos lá ?

[1] Vá em Design >> Editar HTML
[2] Aperte CTRL+F (caixinha de busca)
[3] Procure pela tag: 

]]></b:skin>

[4] ACIMA da tag encontrada cole o seguinte código:



/*---Início do Menu com Efeito by Bomba de Glitter---*/
bdg {font-family: tahoma; /* Fonte do Menu */width: 17%; /* Tamanho do Menu */
float: left;
background:#8EE5EE; /* Cor do fundo do Menu */
padding: 5px;
text-align: center;
margin: 2px;
-webkit-border-radius: 9px 0px 9px 0px; /* Pontinhas da Borda - não modifique se quiser o formato igual ao meu */
-webkit-transition-duration: .80s; /* Duração do Efeito - não modifique se quiser o efeito igual ao meu */
font-size: 08pt; /* Tamanho da fonte */
color: #fff; /* Cor da fonte */
}
bdg:hover {
font-family: tahoma; /* Fonte do Menu quando passa o mouse */
width: 17%; /* Tamanho do Menu quando passa o mouse */
float: left;
background:#FF69B4; /* Cor do fundo do Menu quando passa o mouse */
padding: 5px;
text-align: center;
margin: 2px;
-webkit-border-radius: 0px 9px 0px 9px; /* Pontinhas da Borda - não modifique se quiser o formato igual ao meu */
-webkit-transition-duration: .80s; /* Duração do Efeito - não modifique se quiser o efeito igual ao meu */
font-size: 08pt; /* Tamanho da fonte do Menu quando passa o mouse */
color: #fff; /* Cor da fonte do Menu quando passa o mouse */
}
/*---Fim do Menu com Efeito by Bomba de Glitter---*/ 


[5] Você pode mudar as cores se quiser. Veja a tabela de cores (www)
[6] Sempre que quiser usar o efeito coloque este código onde você quer que apareça:

<a href="Link"><bdg>Nome</bdg></a> 

Em Link você vai colocar o endereço da página que você quer que abra ao clicar. OMG
Em Nome você vai colocar o nome da guia.   Juuraa ? rs

[7] Visualize. Se estiver tudo certinho salve !


Gostaram minhas lindas ? Espero que sim !
Se sim, comenta aí embaixo. Se não, comenta também e diga o porque. 


Este foi o último post do dia aaaaaaah  :S
Mas amanhã tem mais ! êêêê   \õ/ rs
Beijinhos

5 comentários

  1. Uhuul, tutô fresquinha !
    Muito lindo seu blog, ótimos posts


    ResponderExcluir
    Respostas
    1. Sim , fresquinha !
      Muito Obrigada tina_2009 ! ;*

      Excluir
  2. mas eu quero colocar em cima do meu banner , na barra inferior dele como faz?

    ResponderExcluir
    Respostas
    1. Bom, nesse caso é outro tutorial amor . Mande-me um e-mail descrevendo bem o que você deseja fazer . Assim poderei criar um tutorial explicando direitinho. Beijins ;*

      Excluir
  3. Seu blog é muito fofo , adorei.
    http://fer-out.blogspot.com.br/

    ResponderExcluir

~ Obrigada por comentar ! (:
Volte seempre ! ♥

-Não aceitamos tags e selinhos.

Layout por Maryana Sales - Tecnologia Blogger