[Tutorial]Menu Cube!

Holaaaque tal todo? mil disculpas porque ayer no pude publicar me surgió una cosa que me ocupo toda la tardepero por suerte mañana es fiesta y podre publicar un graphic style o alguna nueva sección que tengo pensadapero ahora os traigo un menu que me han pedidoeste es el Menu Cube

• Diseño
• Añadir Gadget/Javascrip

<style>
.mcTC {padding: 4px; width: 270px;}
#boxMC {
border-top: 5px solid #fff; /* BORDE SUPERIOR DEL BOX */
border-bottom: 5px solid #fff; /* BORDE INFERIOR DEL BOX */
padding: 7px;
background:#fff; /* COLOR DE FONDO DEL BOX */
}
/* LINKS CUBOS */
.mMMC a{
padding-top: 50px!important;
padding-bottom: 50px!important;
width: 120px;
font-family: arial;
font-size: 10px;
text-transform: uppercase;
margin:3px;
color:#5f5b72; /* COLOR DE LOS LINKS */
text-align:center;
display: inline-block;
text-shadow: none;
text-decoration:none;
-webkit-transition: .9s;
-moz-transition: .9s;
}
/* LINKS CUBOS HOVER */
.mMMC a:hover{
color:#fff; /* COLOR DE LOS LINKS */
text-decoration:none;
text-shadow: none;
background: #e9e9e9!important; /* COLOR DEL FONDO DE LOS LINKS */
-webkit-transition: .9s;
-moz-transition: .9s;
}
</style>
<center>
<div class="mcTC">
<div id="boxMC">
<div class='mMMC'>
<a style="background: #b8ebea;" href='Link'>&#10112; Name</a>
<a style="background: #f5eb8c;" href='Link'>&#10103; Name</a>
<a style="background: #f5eb8c;" href='Link'>&#10114; Name</a>
<a style="background: #b8ebea;" href='Link'>&#10105; Name</a>
</div>
</div>
</div>
</center>

Os recomiendo colocar este menu en la cabecera como un complemento de esta porque si lo colocáis donde están los demás gadgets es decir al lado de la entrada no quedará tan bien

Espero que os guste este tutorial da un efecto muy bonito ya sabéis que yo todo lo que subo es para que vuestros blogs sean originales y bien estructurados si tenéis alguna duda o queréis pedirme algo abajo de mi firma o mismamente en los comentarios un beso enorme  nos vemos mañana

 C R E D I T O S

DUDAS & MAS