Menu Colorido

21 abr

Tumblr_m1fcw8rjns1qhv7rho1_500_large
Voltando a atualizar a tag de tutoriais pra seu blog, com um menu super fofo é lindo, com certeza vocês vão gostar, porque eu amei , esse tutorial é de nível super fácil , vocês vão conseguir rapidinho e sem  nenhuma dificuldade, mais como sempre se tiver alguma dúvida é só comentar ou entra em contato comigo através do formulário de contato. vamos deixar de blá blá e vamos logo ao tutorial.

vai ficar assim :
1.cole o código abaixo antes da tag ]]></b:skin> do seu html
/***************** MENU COLORIDO *****************/

#nav{

color:#A8DEE7;

display: block;

padding-bottom: 1px;

font-weight:bold;

text-decoration:none;

line-height:15px;

vertical-align:middle;

width: 100%;

font-size:9px;

font-family: Tahoma;

margin-bottom: 2px;

background-color:#E3FBFF;

border-top:1px solid #E3FBFF;

border-left:1px solid #E3FBFF;

border-right:1px solid #E3FBFF;

border-bottom:1px solid #E3FBFF;

padding:0px;}

#nav:hover{

color:#FFBADD;

display: block;

padding-bottom: 1px;

font-weight:bold;

text-decoration:none;

line-height:15px;

vertical-align:middle;

width: 100%;

font-size:9px;

font-family: Tahoma;

margin-bottom: 2px;

background-color:#FFEFF7;

border-top:1px solid #FFEFF7;

border-left:1px solid #FFEFF7;

border-right:1px solid #FFEFF7;

border-bottom:1px solid #FFEFF7;

padding:0px;}

#nav2{

color:#88E2A6;

display: block;

padding-bottom: 1px;

font-weight:bold;

text-decoration:none;

line-height:15px;

vertical-align:middle;

width: 100%;

font-size:9px;

font-family: Tahoma;

margin-bottom: 2px;

background-color:#E7FFF1;

border-top:1px solid #E7FFF1;

border-left:1px solid #E7FFF1;

border-right:1px solid #E7FFF1;

border-bottom:1px solid #E7FFF1;

padding:0px;}

#nav2:hover{

color:#FFBADD;

display: block;

padding-bottom: 1px;

font-weight:bold;

text-decoration:none;

line-height:15px;

vertical-align:middle;

width: 100%;

font-size:9px;

font-family: Tahoma;

margin-bottom: 2px;

background-color:#FFEFF7;

border-top:1px solid #FFEFF7;

border-left:1px solid #FFEFF7;

border-right:1px solid #FFEFF7;

border-bottom:1px solid #FFEFF7;

padding:0px;}

#nav3{

color:#FFADD6;

display: block;

padding-bottom: 1px;

font-weight:bold;

text-decoration:none;

line-height:15px;

vertical-align:middle;

width: 100%;

margin-bottom: 2px;

font-size:9px;

font-family: Tahoma;

background-color:#FFEFF7;

border-top:1px solid #FFEFF7;

border-left:1px solid #FFEFF7;

border-right:1px solid #FFEFF7;

border-bottom:1px solid #FFEFF7;

padding:0px;}

#nav3:hover{

color:#DFA1FF;

display: block;

padding-bottom: 1px;

font-weight:bold;

text-decoration:none;

line-height:15px;

vertical-align:middle;

width: 100%;

margin-bottom: 2px;

font-size:9px;

font-family: Tahoma;

background-color:#F9ECFF;

border-top:1px solid #F9ECFF;

border-left:1px solid #F9ECFF;

border-right:1px solid #F9ECFF;

border-bottom:1px solid #F9ECFF;

padding:0px;}

 alterações(opcional)
color – cor da fonte.
font-family– tipo de fonte.
font-size – tamanho da fonte.
background-color – cor do fundo.

3.Agora vá em layout>add gadget>HTML/JavaScript e cole o código abaixo:

<div id=”nav”><a title=”descricao do link” href=”http://SEULIKAQUI”>Home</a&gt; – Página inicial</div>
<div id=”nav2″><a title=”descricao do link” href=”http://SEULINKAQUI”>Sobre</a&gt; – saiba mais</div>
<div id=”nav3″><a title=”descricao do link” href=”http://SEUKINKAQUI”>F.A.Q</a&gt; – tire suas dúvidas</div>


se quiser colocar mais aumente o link abaixo no seu código
<div id=”nav3″><a title=”descricao do link” href=”http://SEUKINKAQUI”>F.A.Q</a&gt; – tire suas dúvidas</div>


espero que gostem e entedam

6 Respostas to “Menu Colorido”

  1. leticia carolina 21 de abril de 2012 às 13:02 #

    oi flor o seu blog e super lindo !e aceito afiliação sim linda !coloca o link do meu blog,e assim que colocar avisa que eu coloco tabém!

  2. leticia carolina 21 de abril de 2012 às 20:45 #

    pronto flor coloquei !

  3. Stéphanie Oliveira 22 de abril de 2012 às 20:19 #

    Amei o tuto, muito legal!Posso te esperar no meu blog também?http://tvfabulous.blogspot.com.br/Bjs,Sté

  4. Micka Santos 23 de abril de 2012 às 2:51 #

    Ótimo tuto, menu muito fofo *-*Hey flor, obrigada pela participação no meu blog. Seguindo aqui, blog lindo! <3Beijão.

  5. Micka Santos 23 de abril de 2012 às 3:34 #

    Hey guria, já adicionei o seu blog lá na elite afiliados.Fico feliz por ter gostado do meu blog, é muito bem vinda.Beijão ;*

  6. It Teen Blog 4 de junho de 2012 às 14:19 #

    Adorei o tutorial e o menu fica lindo.http://i-teenbr.net.tc

Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s

%d blogueiros gostam disto: