[Tutorial]Menu Subpestañas!

Holaaque tal? espero que bien porque ya es viernes y eso es motivo de celebraciónjajajaj bueno,pronto será mi cumpleaños y haré un vídeo de los regalos que me han dado y una sorpresa muy especial bueno en realidad serán dostendréis que esperar al 24 de noviembre aunque el vídeo lo subiré el sabado de esa semana ya que el 24 cae en lunes y como sabeís no puedo publicar Dejando esto vamos con un menu nuevo

• Plantilla
• Edicion HTLM
• Buscar y pegar antes de ]]></b:skin>

#menuii {background:#98b1d7;
padding:7px;
width:130px;
display: inline-block;
transition: all 0.5s ease;
-o-transition-transition:  all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
border-radius:5px;
text-align:center;
}
#menuii:hover #categorii {
opacity:3;
-webkit-transition-duration:.7s;
overflow:hidden;
z-index:966666666666666666666666666666666666666669;
height:auto;
}
#categorii {
font-family: calibri;
font-size: 12px;
margin-top:1px;
margin-left: -7px;
position:absolute;
overflow:hidden;
line-height: 20px;
padding: px;
opacity:0;
transition: all 0.5s ease;
-o-transition-transition:  all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
width:150px;
}
#categorii a{
background:#98b1d7;
color: #fff;
width:144px;
text-align:center;
display:block;
line-height: 20px;
transition: all 0.5s ease;
-o-transition-transition:  all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
border-top:3px solid #fff;
}
#categorii a:hover{
color:#6b8bba;
background: #fff;
opacity:100; transition: all 0.5s ease;
-o-transition-transition:  all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
}

Lo único  que tenéis que cambiar es el color de los botones (#98b1d7 <- Eso teneis que cambiar lo que va despues de #)

• Plantilla
• Añadir Gadget HTLM/Jabascrip
• Pegar dentro este code

 <div class="separator" style="clear: both; text-align: center;">
<div id="menuii">Titulo del boton principal
<div id="categorii">
<a href="Link">Nombre</a>
<a href="Link">Nombre</a>
<a href="Link">Nombre</a>
<a href="Link">Nombre</a>
</div></div></div>

Espero que este tutorial os haya gustado lo podéis usar como menu para tu blog o como créditos como lo estoy usando yo,un beso enorme y me despido por hoy espero que tengáis un perfecto fin de semana :D

DUDAS & MAS