Menu Rainbow

>>>>>>> 1º Passo:

Colem esse código entre <style type="text/css"> e </style>

#poxa {
margin-top:50px;
margin-left:0px;
text-align:center;
margin-bottom:15px;
}

#poxa a {
padding:5px;
font-size:10px;
text-align:center;
margin-left:3px;
width:300px;
margin-bottom:7px;
font-family:calibri;
text-transform:uppercase;
color:#fff;
display:inline-block;
-webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;
border-bottom:1px solid #f5f5f5;
text-decoration:none;
}

#poxa a:hover {
letter-spacing:5px;
color:#fff;
background:#000;
-webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;}

/* as cores de fundo */
#poxa :nth-child(5n+1){background:#df6c7a;}
#poxa :nth-child(5n+2){background:#df9a6c;}
#poxa :nth-child(5n+3){background:#e5de71;}
#poxa :nth-child(5n+4){background:#8bea71;}
#poxa :nth-child(5n+5){background:#97c5e0;}

>>>>>>> 2º Passo:

Colem esse código depois de </style> e antes de </body>

<div id="poxa">

    <a href="http://amplamente.tumblr.com/">Amplamente</a>
    <a href="http://amplamente.tumblr.com/">Amplamente</a>
    <a href="http://amplamente.tumblr.com/">Amplamente</a>
    <a href="http://amplamente.tumblr.com/">Amplamente</a>
    <a href="http://amplamente.tumblr.com/">Amplamente</a>
    <a href="http://amplamente.tumblr.com/">Amplamente</a>
    <a href="http://amplamente.tumblr.com/">Amplamente</a>
    <a href="http://amplamente.tumblr.com/">Amplamente</a>
    <a href="http://amplamente.tumblr.com/">Amplamente</a>
    <a href="http://amplamente.tumblr.com/">Amplamente</a>


  </div>

TUTORIAL FEITO POR AMPLAMENTE.