02/01/2013

【Tutorial】 Menu Útil

|| || ||

Konnichiwa!

Gente, o blog anda muito parado, não há muitas novidades no AD... Então vou começar a postar uns tutoriais diversos, espero que não se importem. Mas isso não quer dizer que não vamos continuar postando coisas que tenham a ver com Amor Doce. Por isso fiz uma enquete e quero muito que vocês votem, e se possível, falem a sua opinião na Chat Box.

Continuando com o objetivo do post... Vi um menu muito fofo lá no tumblr HTMLuv, espero que gostem dele :3





Primeiro, cole esse código antes de </head>
<link href='http://fonts.googleapis.com/css?family=Patua+One' rel='stylesheet' type='text/css'>
Coloque esse código antes de "]]></b:skin>"

.util a{font-family:'Patua One'; text-transform:uppercase; background:#ffe295; color:#c7e5dc; text-shadow: 0px 1px 1px #cd8f00; display:inline-block; margin:1px; text-align:right; padding:3px;box-shadow: 2px 2px 0px rgba(108, 71, 119, 0.5); color:#fff; margin-bottom:5px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
.util a:hover{background:#b6a8ba;text-shadow: 0px 1px 1px #654c6c;box-shadow: 2px 2px 0px #ffe295;}

 E por último, em um gadget de HTML/Javascript, coloque esse código:


<div class="util">
<a href="OLINK">Nome</a>
<a href="OLINK">Nome</a>
<a href="OLINK">Nome</a>
<a href="OLINK">Nome</a>
</div>



Espero que tenham gostado ^^
Se usar, credite ao HTMLuv!






Nenhum comentário:

Postar um comentário

Regras:

- Pode deixar o link do seu blog, mas sem o "http"!
- Nada de comentar coisas sem a ver com a postagem, use o chat.
- Sem palavrões.