O primeiro jeito é muito simples , o primeiro o resultado ficará assim :
fonte:http://w-chantest3.blogspot.com.br/
]]></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