Menu Lista Colored

Boa noite meus cheirosos, como estão? Animados para a semana de provas finais? AUSHUAHSUAHSs que horror, eu mesma estou em frangalhos e super cansada não vejo a hora que tudo acabe. Bem, quem ai é kpopper? Gente quanto comeback destruidor né? Eu estou super ansiosa pelo retorno dos meninos do BTS, winner e das meninas do 4minute. Viram o comeback do BAP? Destruidores e lacradores de cu do caramba.

Eu amei a música e já até decorei o refrão pois é muito boa, amei o retorno da Cl apesar de ser o pré debut dela em terras gringas, estou esperando para ver outras músicas e escutar o álbum inteiro e tirar as conclusões finais. Repararam que eu virei rata de kpopmania né? UHSAUAHSUAhs quem te viu quem te vê, eu já gostava de kpop antes mas não dava muita atenção, só escutava as músicas porque achava legais mas depois que entrei neste mundo mesmo, cara, fodeo tudo, adeus vida, adeus estudos, adeus marido AUshauhsauhsuahs (mentira) Mas que acabou minha vida de garota normal acabou. Mas então, eu queria trazer algo diferente e hoje trouxe um menu bem fofo, eu usava ele no meu blog de encomendas de layouts, então espero que vocês curtam >.<

LIVE PREVIEW (^3^) ~

Vá até o seu modelo clique em modelo e em editar html, dentro dê um ctrl F e procute por ]]skin; acima dele cole o seguinte código:

.nav a:link {
display:block;
background:#eee;
width:200px;
padding:2px;
height:20px;
line-height:20px;
color:#D6D6D6;
font-size:12px;
font-family: georgia;
font-style:italic;
font-weight: 300;
letter-spacing: 2px;
text-align:center;
text-transform:lowercase;
text-shadow: 1px 1px 1px #fff;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.nav a:visited {
display:block;
width:200px;
padding:2px;
height:20px;
line-height:20px;
color:#D6D6D6;
font-size:12px;
font-family: georgia;
font-style:italic;
font-weight: 300;
letter-spacing: 2px;
text-align:center;
text-transform:lowercase;
webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.nav a:hover {
display:block;
width:200px;
padding:2px;
height:20px;
line-height:20px;
background-color:#ccc;
color:#fff;
font-size:12px;
font-family: georgia;
font-style:italic;
font-weight: 300;
letter-spacing: 2px;
text-align:center;
text-transform:lowercase;
text-shadow: 1px 1px 1px #999;
}
.nav2 a:link {
background:#F8E9E9;
display:block;
width:200px;
padding:2px;
height:20px;
line-height:20px;
color:#D6D6D6;
font-size:12px;
font-family: georgia;
font-style:italic;
font-weight: 300;
letter-spacing: 2px;
text-align:center;
text-transform:lowercase;
text-shadow: 1px 1px 1px #fff;
webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.nav2 a:visited {
display:block;
width:200px;
padding:2px;
height:20px;
line-height:20px;
color:#C2C2C2;
font-size:12px;
font-family: georgia;
font-style:italic;
font-weight: 300;
letter-spacing: 2px;
text-align:center;
text-transform:lowercase;
webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.nav2 a:hover {
display:block;
width:200px;
padding:2px;
height:20px;
line-height:20px;
background-color:#FFD7D7;
color:#fff;
font-size:12px;
font-family: georgia;
font-style:italic;
font-weight: 300;
letter-spacing: 2px;
text-align:center;
text-transform:lowercase;
text-shadow: 1px 1px 1px #E09393;
webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.nav3 a:link {
display:block;
width:200px;
padding:2px;
height:20px;
line-height:20px;
color:#b8b8b8;
font-size:12px;
font-family: georgia;
font-style:italic;
font-weight: 300;
letter-spacing: 2px;
text-align:center;
text-transform:lowercase;
-webkit-transition: all 2s ease;
-moz-transition: all 2s ease;
-ms-transition: all 2s ease;
-o-transition: all 2s ease;
transition: all 2s ease;
}
.nav3 a:visited {
display:block;
width:200px;
padding:2px;
height:20px;
line-height:20px;
color:#b8b8b8;
font-size:12px;
font-family: georgia;
font-style:italic;
font-weight: 300;
letter-spacing: 2px;
text-align:center;
text-transform:lowercase;
-webkit-transition: all 2s ease;
-moz-transition: all 2s ease;
-ms-transition: all 2s ease;
-o-transition: all 2s ease;
transition: all 2s ease;
}
.nav3 a:hover {
display:block;
width:200px;
padding:2px;
height:20px;
line-height:20px;
background-color:#c9d385;
color:#fff;
font-size:12px;
font-family: georgia;
font-style:italic;
font-weight: 300;
letter-spacing: 2px;
text-align:center;
text-transform:lowercase;
text-shadow: 1px 1px 1px #a7b547;
}
.navi a:link {
display:block;
width:200px;
padding:2px;
height:10px;
line-height:10px;
color:#b8b8b8;
font-size:12px;
font-family: georgia;
font-style:italic;
font-weight: 300;
letter-spacing: 2px;
text-align:center;
text-transform:lowercase;
-webkit-transition: all 2s ease;
-moz-transition: all 2s ease;
-ms-transition: all 2s ease;
-o-transition: all 2s ease;
transition: all 2s ease;
}
.navi a:visited {
display:block;
width:200px;
padding:2px;
height:10px;
line-height:10px;
color:#b8b8b8;
font-size:12px;
font-family: georgia;
font-style:italic;
font-weight: 300;
letter-spacing: 2px;
text-align:center;
text-transform:lowercase;
-webkit-transition: all 2s ease;
-moz-transition: all 2s ease;
-ms-transition: all 2s ease;
-o-transition: all 2s ease;
transition: all 2s ease;
}
.navi a.hover1:hover {
display:block;
width:200px;
padding:2px;
height:20px;
line-height:20px;
background-color:#f38b64;
color:#fff;
font-size:12px;
font-family: georgia;
font-style:italic;
font-weight: 300;
letter-spacing: 2px;
text-align:center;
text-transform:lowercase;
text-shadow: 1px 1px 1px #d86d46;
-webkit-transition: all 2s ease;
-moz-transition: all 2s ease;
-ms-transition: all 2s ease;
-o-transition: all 2s ease;
transition: all 2s ease;
}

Para usar os links, crie um gadget e dentro cole os seguintes códigos: 

<center>
<div class="nav">
<a href="LINK">Nome</a></div>
<div class="nav2">
<a href="LINK">Nome</a></div>
<div class="nav">
<a href="LINK">Nome</a></div>
<div class="nav2">
<a href="LINK">Nome</a></div>
<div class="nav">
<a href="LINK">Nome</a></div>
<div class="nav2">
<a href="LINK">Nome</a></div>
</center>