17 jul. 2014

Menu Flotante

¿Qué te hace bella

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]


No hay comentarios.:

Publicar un comentario

Hola Konichiwa Espero Que Comentes Algo Lindo o3o Lind@ Bueno Espero Que Te Guste este Post Y Todos Los Post Bueno Sigueme Para Saber Cuando Actualizo .. Saludines \(o3o)/