sábado, 6 de setembro de 2014

Menu para sidebar


Bom , hoje eu  vim trazer 2 jeitos de se fazer menu para sidebar. Os créditos
O primeiro jeito é muito simples , o primeiro o resultado ficará assim :
fonte:http://w-chantest3.blogspot.com.br/


                                                           Procure por :
                                                        ]]></b:skin>




                        Depois que achar cole esse código acima dele :
                                                       /*---Início do Menu---*/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 ---*/
                 Depois você salva , e vai para la layout e crie um novo gadget HTML/JavaScript e cole esse                    codigo nele : 
                                           <a href="Link"><bdg>Nome</bdg></a>
  Depois e so você indo colocando , e arrumando o nome o link e tudo mais , ai por exemplo você quer colocar 5 coisas no seu meu ai você da "Crtl + V" nesse codigo 5 vezes e vai arrumando o nome e o link . 
Se ficar  com duvida e so pergunta *U* . 
   Segunda Maneira
       Agora vamos para o segundo jeito de se fazer um Menu para sidebar . O resultado ficara assim :
        
Fonte :http://tumblr2bloggerlayout.blogspot.com.br/
Então vamos começar procure por  ]]></b:skin   , depois que achar cole esse codigo :

                                                /*menu por Liah - Cherry Bomb - credite sempre*/#menucb { 
float: left; display: line; margin:1px; background:#f2eee8; /*Cor de fundo */ width: 87px; /*Largura de cada link do menu */ height: 25px; text-align:center; font-size: 16px; /*Tamanho da fonte*/ -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 1px 0px 9px #cccccc; -webkit-box-shadow: 1px 0px 9px #cccccc; box-shadow: 1px 0px 9px #cccccc; text-shadow: 0px 1px 5px #cccccc; -webkit-transition: color 0.7s ease-out;-moz-transition: color 0.7s ease-out;transition: color 0.7s ease-out; #menucb:hover { background: #cfd9f6; /* Cor de funo quando passa o mouse*/ 
color: #fff; /*Cor do texto quando passa o mouse*/ 
} Depois salve , e vá para o layout e crie um novo GADGET HTML  e cole esse codigo :

                                                     <a href='LINK' id='menucb'>TÍTULO DO LINK</a>


 Você deve repeti-lo para cada link que terá no seu menu , so arrumando o nome e o link que esta em negrito  , e so substituindo pelo link da sua pagina e arrumando o nome do conteúdo como esta la imagem .
  Bom e só isso que  tenho ainda , mais se eu achar outras maneiras postarei no blog , qualquer duvida , deixe nos comentários c:

Nenhum comentário:

Postar um comentário