Menu Flotante

Hola Mis Sparkles Hoy les Traigo Un Tuto O Un Menu Que Es Desplegable Para Verlo AQUI Bueno Ese Era el diseño que ivamos a tenber pero dije no he hecho un diseño de Candy Candy Hacique de candy candy Será despues de ese anime lindo que me recomendo sara croft mi amiga de unas cuantas amigas que tengo !

bueno Aqui esta el code :

Plantilla  Blogger :
Plantilla EDICION HTML >> F3 >> Y Buscas </b:skin>

Plantilla Blogskin :
Plantilla <style> y Pegas El Codigo

#menuii {background:#FACFCA;padding:7px;width:padding:7px;width:padding:7px;width: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: 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: 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: 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: 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: 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:#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:#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:#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:#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:#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:#FAE1DE;
color: #color: #color: #color: #color: #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:#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:#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:#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:#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:#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:#fcc;
background: #

background: #background: #background: #background: #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;
}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;}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;}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;}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;}

Rojo: Color del fondo de la pestaña flotante
Naranja: Ancho de la pestaña flotante
Amarillo: Tamaño del texto de las categorias
Verde: Color de fondo de las categorias
Celeste: Color del texto de las categorias hover
Azul: Color del texto de las categorias
Fucsia: Color del fondo de las categorias hover

<div id="menuii">TITULO DE LA PESTAÑA<div id="categorii"><a href="ENLACE/LINK">CATEGORIA</a><a href="ENLACE/LINK">CATEGORIA</a><a href="ENLACE/LINK">CATEGORIA</a><a href="ENLACE/LINK">CATEGORIA</a><a href="ENLACE/LINK">CATEGORIA</a></div></div>

Plantilla Blogger :
Añadir Un Gadget HTML Javascript 

Plantilla Blogskin :
Pegas En Algun Post Ya Que No Se Puede Pegar en plantilla 


PEGAN :


EDITEMOS :

Lo Que Esta En Rosa




Creditos [x]