Menu flotante

Pegas el codigo en html/javascript:

<style>a.you{width:13px;display:inline-block;color:#fff;text-align:left;padding:2px;overflow:hidden;height:18px;text-decoration:none;padding-left:7px;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;font-family:calibri;margin:5px;font-size:12px;border-radius:333px;}a.you:hover{width:80px;{</style><br /><br /><div style="position:fixed; top:200px;left:20px;"><br /><a class="you" style="background:#A7FC94;" href="ENLACE"> <span style="padding-right:10px;font-size:16;">♥</span>Titulo1</a><br /><br /><a class="you" style="background:#94FCF3;" href="ENLACE"> <span style="padding-right:10px;font-size:16;">♥</span>Titulo2</a><br /><br /><a class="you" style="background:#F4FF6C;" href="ENLACE"> <span style="padding-right:10px;font-size:16;">♥</span>Titulo3</a><br /><br /><a class="you" style="background:#FFCCE7;" href="ENLACE"> <span style="padding-right:10px;font-size:16;">♥</span>Titulo4</a><br /><br /></div>

para agregar 1+:

<a class="you" style="background:#ColorHtml;" href="ENLACE"> <span style="padding-right:10px;font-size:16;">♥</span>Titulo</a><br />