Codice per Staff

-HTML




-CSS

/* Bubble Coda Style */
#bubblemenu img {width: Numero Larghezzapx; height: Numero Altezzapx; margin-bottom: 8px}
.imageborder {box-shadow: 1px 1px 5px #000}
#bubblemenu li {display: inline; cursor:pointer; position: relative}
#bubblemenu li > div {width: 86px; min-height: 22px; position: absolute; display: inline; left: -5px; padding: 5px; visibility:hidden; opacity: 0; top: -30px; background: #2B2B2B; font-size: 1em; color: #FFF; text-align: center; border-bottom: 1px solid #7C7C7C; z-inde: 9;
/* Settaggio border-radius */
border-radius: 4px;
/* Settaggio box-shadow */
filter: progid:dximagetransform.microsoft.shadow(color='#272229', Direction=135, Strength=3)
/* Settaggio transition property */
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out}
#bubblemenu li:hover > div {visibility:visible; opacity: 1; margin-top: -40px;
/* Settaggio transition property */
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out}




Basta cambiare i numeri in HTML e CSS.

ok