Primeiro, coloca todo o código abaixo no css do teu blog.
@font-face {
font-family: "PFArmaFive";
src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf');
}
.menututoriais a{
font-family: "PFArmaFive"; /* tipo de letra */
font-size: 8px; /* tamanho da letra */
text-transform: uppercase; /* texto a maiúsculas */
margin-left: 2px; /* não alterar */
margin-bottom: 3px; /* não alterar */
margin-top: 1px; /* não alterar */
margin-right: 2px; /* não alterar */
padding: 4px; /* não alterar */
display: block; /* não alterar */
border-bottom: 1px solid #dfdfdf; /* borda de baixo */
border-top: 1px solid #dfdfdf; /* borda de cima */
border-left: 1px solid #dfdfdf; /* borda da esquerda */
border-right: 1px solid #dfdfdf; /* borda da direita */
}
.menututoriais {
text-shadow: 1px 1px 0px #fff; /* sombra do texto */
text-align: center; /* alinhamento do texto centrado */
}
.menututoriais a:link {
color: #e83a71; /* cor do link em estado normal */
}
.menututoriais a:visited {
color: #e83a71; /* cor do link em estado visitado */
}
.menututoriais a:hover {
color: #b8b8b8; /* cor do link em estado hover */
}
Altera o código acima, de acordo com os comentários à frente de cada linha de código. Agora, na tua página de tutoriais, cola o código abaixo, e de acordo com a tua lista de tutoriais, acrescenta as partes devidas do código.
<div style="float: left; width: 50%;">Podem ver o resultado, do menu, abaixo.
<div class="menututoriais">
<a href="Link_do_Tutorial" >Nome do Tutorial</a></div>
<div class="menututoriais">
<a href="Link_do_Tutorial" >Nome do Tutorial</a></div>
</div>
<div style="float: right; width: 50%;">
<div class="menututoriais">
<a href="Link_do_Tutorial" >Nome do Tutorial</a></div>
<div class="menututoriais">
<a href="Link_do_Tutorial" >Nome do Tutorial</a></div>
</div>
<div style="clear: both;"></div>
Bem, espero que tenham achado fácil e se tiverem dúvidas, não hesitem em perguntar, pois estou aqui mesmo para vos ajudar u.u ! Peço-vos, que façam pedidos, utilizando o Ask.Fm do blog.
Nuss que menu útil muito útil eu adorei :)
ResponderEliminarhttp://p-aintbucket.blogspot.com.br/
Ainda bem que gostou Caio! u.u
EliminarAchei muito legal esse menu, acho que vou usar no meu próximo layout.
ResponderEliminarh-holiday.blogspot.com.br
Ainda bem que gostou Eduardo! (:
EliminarMuito bom o menu!
ResponderEliminarkawaii-things.net
Fico feliz por ter gostado! :3
EliminarÉ uma pena que vc vá fechar o blog, eu descobri ele hoje! Mas como isso não depende só de mim, toda a sorte do mundo pra vc na blogosfera!♥
ResponderEliminar