Menu personalizado 1

3 de agosto de 2013 |

Olá gente ! Hoje vou ensinar à vocês como colocar um Menu personalizado no blog.





Instalando:
Vá no seu CSS (Design > Editar HTML) e proucure pela tag ]]></b:skin>, cole o código acima dela e salve.



/*** MENU SIMPLES extras-placefame.tk ***/
.menusimples {
background-color:#f8f8f8; /*** cor do fundo ***/
float:left;
text-shadow: 1px 1px 0 #E4E4E4; /*** cor da sombra da letra ***/
color:#707070; /*** cor da fonte ***/
font-variant:small-caps;
width:150px; /*** largura da aba ***/
font-size: 10pt; /*** tamanho da fonte ***/
text-align: center;
margin: 3px;
line-height:25px;
margin-bottom: 1px;
-khtml-opacity: .70;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

.menusimples:hover {
background-color:#FF99CC; /*** cor do fundo ***/
float:left;
color: #fff; /*** cor da fonte ***/
text-shadow: 1px 1px 0 #acacac; /*** cor da sombra da letra ***/
-khtml-opacity: .70;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

Utilizando:
Adicione o gadget abaixo do cabeçalho (como mostra aqui), e escolha HTML/Javascript e cole o código abaixo fazendo as devidas alterações.
<div class="menusimples"><a href="LINK_AQUI">TÍTULO_DA_PÁGINA</a></div>
<div class="menusimples"><a href="LINK_AQUI">TÍTULO_DA_PÁGINA</a></div>
<div class="menusimples"><a href="LINK_AQUI">TÍTULO_DA_PÁGINA</a></div>
<div class="menusimples"><a href="LINK_AQUI">TÍTULO_DA_PÁGINA</a></div>
Para retirar as bordas arredondadas apague as linhas que estão na cor azul.

Creditos:extras-placefame.tk

18 comentários:

  1. Adoreeeeeeeeeeeei!
    Se puder dá uma passadinha no meu e deixa um comentário?
    Meu mundo, Meu quarto

    ResponderExcluir
    Respostas
    1. Que bom que Gostou...Huum...Já passei seu blog é lindo!!!
      Bjoos

      Excluir
  2. Oi lindona, você poderia seguir de volta o meu blog? Ele é novo, e eu preciso muito de seguidores..Já estou seguindo aqui, amei seu blog :)
    http://territoriolilas.blogspot.com.br/

    ResponderExcluir
  3. Respostas
    1. Sim, é bem legal!!Eu gostei por que dá para mexer nas cores e tals..
      Bjux

      Excluir
  4. amei o tuto ! bom seguindo de novo , e você era afiliada minha ! *------* <3

    >>http://euamotutoriais.blogspot.com.br/

    ResponderExcluir
  5. Muito legal esse tutorial!!
    Gostei! :)

    Beijos
    Batom De Framboesa
    Fica com Deus ♥

    ResponderExcluir
  6. Adorei o tutorial,gostei do menu :)

    Beijos
    Amora R.

    ResponderExcluir
  7. Muito legal o menu!
    Adorei o novo blog,o template tá lindo!
    Seguindo :)
    quemprecisadetvparaverbeyonce.blogspot.com.br

    ResponderExcluir
  8. Amei o post.Lindo layout.Gatona se puder da uma passadinha no meu blog e se gostar segue?
    http://tudo-demenina.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Que bom que Gostou, passo sim e sigo concerteza...
      Bjinhos

      Excluir
  9. Oi menina! Que triste o que rolou com o seu blog =(... Mas eu já estou seguindo você, e já te atualizei nos afiliados. Toda a força do mundo pra você <3

    cah-at.blogspot.com

    ResponderExcluir
    Respostas
    1. Verdade... Que bom que voltou, obrigada pelo apoio!1
      Bjux

      Excluir

Olá Gurias e Guris também porque não ♥
Fico muito feliz com seu comentário!!
------------------------------------------------------------------
Agora alguns recadinhos importantes:

♥ Deixe seu link para que eu possa retribuir sua visita;
♥ Se estiver seguindo aqui, me avise para que eu possa seguir seu também;
♥ Comente com todo seu carinho, leia o poste e comente algo relacionado, que retribuirei com o mesmo gesto; ♥
♥ Meus comentários são moderados por segurança, e que eu tenha controle e que eu não deixe de responder ninguém.
♥ Para dúvidas e parcerias entre em contato por e-mail: ~coffecomaszamigas@gmail.com~

~ Obrigada e Volte sempre! ♥
Café com as Zamigas |Luana Mendes

Instagram: @luanamendesblog
Canal no Youtube: Luana
https://www.youtube.com/user/meninadivadamoda