<ul class="abanico">
<li><a href="URL PAGINA ">VIDEOS</a></li>
<li><a href="URL PAGINA ">FOTOS</a></li>
<li><a href="URL PAGINA">ENTRADAS</a></li>
<li><a href="URL PAGINA">CONTACTO</a></li>
<li><a href="URL PAGINA">FLORES</a></li>
<li><a href="javascript:void();">MENU</a></li>
</ul>
Luego en plantilla-Editar HTML y antes de ]]></b:skin> pegáis el siguiente código, aquí podeis modificar colores y tamaño a vuestro gusto.
/*menu abanico
----------------------------------------------- */
ul.abanico {
position: relative;
width: 500px;
margin: 50px auto;
height: 120px;
overflow: hidden;
list-style: none;
font: normal 12px "arial narrow", sans-serif;
}
ul.abanico li {
position: absolute;
bottom: 0;
left: 50%;
width: 88px;
height: 300px;
margin-left: -44px;
line-height: 300px;
text-align: center;
box-sizing: border-box;
-moz-transform-origin: top center;
-webkit-transform-origin: top center;
transform-origin: top center;
-moz-transition: all .6s ;
-webkit-transition: all .6s ;
transition: all .6s ;
}
ul.abanico li a {
display: inline-block;
width: 100%;
height: 48px;
text-decoration: none;
background: blue;
color: white;
line-height: 40px;
vertical-align: bottom;
border: 4px solid #ddd;
border-radius: 30px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-transition: all .6s ;
-webkit-transition: all .6s ;
transition: all .6s ;
}
ul.abanico:hover li a {
background: purple;
}
ul.abanico:hover li {
opacity: 1;
}
ul.abanico:hover li:nth-of-type(6) {
opacity: 0;
}
ul.abanico:hover li:nth-of-type(1) {
-moz-transform: rotate(36deg);
-webkit-transform: rotate(36deg);
transform: rotate(36deg);
}
ul.abanico:hover li:nth-of-type(2) {
-moz-transform: rotate(18deg);
-webkit-transform: rotate(18deg);
transform: rotate(18deg);
}
ul.abanico:hover li:nth-of-type(3) {
-moz-transform: rotate(-18deg);
-webkit-transform: rotate(-18deg);
transform: rotate(-18deg);
}
ul.abanico:hover li:nth-of-type(4) {
-moz-transform: rotate(-36deg);
-webkit-transform: rotate(-36deg);
transform: rotate(-36deg);
}
ul.abanico:hover li:nth-of-type(5) {
z-index: 1;
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
/* fin menu abanico
----------------------------------------------- */