16/06/2013

Menu simples


Boa tarde, leitores lindos.

Desculpem a demora para postar, eu tive que sair na parte da manhã e só entrei às 14:00 horas no computador, mas como eu estava sem de ideia, como ontem a noite, só apareci por aqui agora. Além da minha falta de criatividade aquela pontada na nuca parece que não passa nunca, pelo jeito ou estou dormindo em uma má posição ou estou tendo algum problema com ansiedade ou nervosismo, acho mais provável a primeira opção, pois não tenho coisas para me preocupar.

Decidi trazer pela primeira vez aqui um menu feito por mim, não que eu tinha preguiça de fazer antes ou coisas do tipo, eu apenas não sabia como fazer, mas isso hoje mudou e finalmente consegui. Por ser o meu primeiro, ele está bem simples, mas espero que realmente gostem, a preview dele está aqui (x), lembrando que se usarem creditem, vamos ao tutorial?
-------------------------------------------------------------------------

1. Vá em editar HTML e cole este código acima de ]]></b:skin>
@font-face {
 font-family: "Motion Picture"; src:url('http://static.tumblr.com/08m4ejs/1zhmoi1cz/motionpicture_personaluseonly.ttf'); }
.menu {
background: #acc8dd;
font-family: Motion Picture;
color: #e49ea6; 
padding: 4px;
text-align: center;
font-size:18px;
text-shadow: 1px 1px 1px #eec1c8; 
box-shadow: 1px 1px 1px #bed5e4;
 width: 45px;display: inline-block; 
margin-bottom: 3px;
margin-top:2px;
-webkit-transition: 0.5s ease-in;
 -moz-transition: 0.5s ease-in;
-o-transition: 0.5s ease-in;
transition: 1.5s ease-in; 
-webkit-border-radius: 5px; 
-moz-border-radius: 5px;
border-radius: 5px;}.
menu:hover {
background: #e49ea6;
color: #acc8dd;
text-shadow: 1px 1px 1px #bed5e4;
box-shadow: 1px 1px 1px #eec1c8;}
 2. Crie um gadget HTML/JavaScripit e cole o código:
<a href="link" class="menu">Nome</a>
<a href="link" class="menu">Nome</a>
<a href="link" class="menu">Nome</a>
É só alterar as partes em negrito e se quiser mais ou menos linhas é só  colar mais ou apagá-las.

2 comentários:

  1. Muito util o tutorial!Acho que os menus mais simples são os melhores!
    Repassei um selinho para si!
    bjs
    bpblogdepapel.blogspot.pt

    ResponderExcluir

- Não estou aceitando tags ou selinhos.
- Use os comentários ou a ask para fazer requests.
- Respondo todos os comentários e retribuo na maioria das vezes.
- "Seguindo! Segue de volta?" Depende, se você já tiver seguido realmente e eu gostar do seu blog.