24/04/2016

Menu Fixo No Blog


Hello amores ♥ Aqui é a Cah!
Hoje eu vim ensinar vocês a colocarem o menu fixo no blog!
Vamos lá?
1 - Vá em Layout > Adcionar um Gadget > HTML/Java Script
2 - Cole o seguinte código:
<div id='menufixo'>
    <center>
        <div id='alinhamentohorizontal'>

<div id='menu'>

<a href='#'>Início</a>
<a href='#'>Sobre</a>
<a href='#'>Anuncie</a>
<a href='#'>Contato</a>

</div>



        </div>
    </center>
</div>
3 - Salve. Vá em Modelo > Editar HTML 
4 - Procure por ]]></b:skin> e acima dele cole:
/* MENU FIXO POR CALANTA GARCIA
----------------------------------------------*/

#alinhamentohorizontal {
width: 1080px; /*Coloque a largura do seu blog*/
}


#menufixo {
font-family: tahoma;
background:#fdebe4; /*Cor de fundo do menu*/
height: 50px; /*Altura do menu*/
 
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;

}

#menu {
padding: 14px 0px; /*Se quiser que a letra fique mais em cima, coloque um número menor, e se quiser que fique mais em baixo, coloque um número maior*/
}

#menu a {
color:#000; /*Cor das letras*/
padding: 0px 25px; /*Distância entre as palavras*/
text-transform: uppercase; /*Se não quiser as letras em Caps Lock, apague esta linha*/
}

#menu a:hover {
text-decoration:none;
color:#cea4ae; /*Cor das letras quando passa o mouse*/
}

OS CÓDIGOS EM ROSA SÃO EDITÁVEIS. O RESTO NÃO MEXA!

É isso amores Espero ter ajudado!
Caso queiram ajuda em mais alguma coisa, me digam aqui nos comentários! 
Beijos

6 comentários:

  1. Amei, suas dicas são mara vc deveria postar uma dica por dia!😍

    ResponderExcluir
  2. Amei, suas dicas são mara vc deveria postar uma dica por dia!😍

    ResponderExcluir
    Respostas
    1. Vou pensar no seu caso hahaha
      Brincadeira Milly 😍 vou postar sim ♥

      Excluir
  3. Olá Calanta! Que nome diferente!!!
    Eu adorei seu blog e acho tão incrível quando vejo posts que possuem a finalidade de ajudar os outros.
    Parabéns!
    Convido-lhe a conhecer o meu também!
    Beijos!
    Escritora por um Acaso

    ResponderExcluir
    Respostas
    1. Obrigada amore ♥ Seja bem-vinda ♥
      Já estou seguindo seu blog, pois amei haha

      Excluir
  4. Amei o post =)
    http://prettywoman-on.blogspot.com.br/

    ResponderExcluir