
Olá, tudo bem?
Para aqueles quem viram falar daquele famoso, " tumblr ", enfim, vim trazer um famoso menu simples que lembre bem o menu da sidebar de tumblr, ele também é em houver, para saber mais dele, e da prévia em um blog, só vir aqui (PREVIEW), eu fiz esse layout, como teste, para mim, eu gostei muito dele, e não vou disponibilizar tão cedo, aqui pelo blog, só em si uma postagem um pouco curtinha, então vamos la aprender esse famoso tutorial, clique em continue lendo...
Agora vá em TEMA, e depois em HTML, logo em seguida de CTRL + F e logo procure por
]]></b:skin>E depois, que procurou cole este código no seu blog
#buttonmenu a{
color: #C0C0C0;
}
#buttonmenu {
width:125px;
float:center;
height:auto;
margin-left:2px;
margin-right:2px;
margin-bottom:4px;
padding-top:4px;
padding-bottom:3px;
background-color:#363636;
display:inline-block;
color: #C0C0C0;
font-family:Trebuchet MS;
font-size:11px;
letter-spacing:1px;
text-align:center;
cursor: crosshair;
-webkit-transition-duration: .20s;
text-shadow: 0 1px 1px #000;
-webkit-border-radius: 5px;
}
#buttonmenu:hover {
background: url(http://static.tumblr.com/qbzzmcn/JGgls1ye5/blackwood.gif); color: #FFF;
}
Assim, que colocou esse código, logo em seguida, vá em LAYOUT, e clica em Adicionar um Widget, depois cole o " Menu simples, estilo Tumblr", em seu blog.
<div id="buttonmenu">
<a href="/">Home</a></div>
<div id="buttonmenu">
<a href="/">About</a></div>
<div id="buttonmenu">
<a href="/">faq</a></div>
<div id="buttonmenu">
<a href="/">Follow</a></div>
<div id="buttonmenu">
<a href="/">Follow</a></div>
<div id="buttonmenu">
<a href="/">Follow</a></div>
Enfim, clica em ok, para salvar tudo, e verifica como que ficou, se tiver algum erro me avise, pois eu testei ele aqui esse layout que está este menu, bem, até a próxima postagem, beijinhos!





Nenhum comentário:
Postar um comentário