[Tutorial]Menu Flotante

hola ya ya esta vierner por fiiiiiiiiiiiiiiiiiiiin que ganas ya n.n bueno traigo un tuto que me pidio una gran y buena amiga jajaj bien es un menu flotante 

Lo primer es ir a diseño y añadir un jabascrip o como se llame me seguis no >< y pegar dentro de la cajita este codigo

<div class="lulu" style="background-color: #ffc4dc; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px dashed rgb(170, 170, 170); color: white; font-family: 'Comic Sans MS'; font-size: 13px; left: 50px; margin-top: 15px; padding: 4px 5px 0px; position: fixed; text-align: justify; top: 200px; width: 200px;">
<center>
Titulo del Navegador o lo que quieras</center>
</div>
<div class="box" style="background-color: white; border-top-style: none; left: 50px; padding: 5px; position: fixed; text-align: justify; top: 250px; width: 202px;">
<center style="font-family: 'Comic Sans MS'; font-size: 13px;">
<img src="Imagen principal" style="-webkit-transition: 1s; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; border-top-left-radius: 16px; border-top-right-radius: 16px; font-family: 'trebuchet ms'; font-size: 12px; opacity: 0.7;" width="200" /></center>
<div style="text-align: start;">
<span style="color: #666666; font-family: Verdana, Geneva, sans-serif; font-size: xx-small;"><style>
a.jeonjin1 {
letter-spacing:1px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
margin:1px;
cursor:pointer;
text-transform:uppercase;
display:inline-block;
font:8px tt;
text-align:center;
background: #fff;
width:95px;
color:#888;
padding:5px;
border-left:20px solid #eee1ff;
border-right:20px solid #eee1ff;
text-decoration:none;
}
a.jeonjin1:hover{
border-left:20px solid #dfcffe;
border-right:20px solid #dfcffe;
}
@font-face {
font-family:tt;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
}
</style><center>
<a class="jeonjin1" href="Url">Home</a><br/>
<a class="jeonjin1" href="Url">Categoria</a><br/>
<a class="jeonjin1" href="Url">Categoria</a><br/>
<a class="jeonjin1" href="Url">Categoria</a></center></span></div>
</div>

Rojo es el color a eleguir de donde va el titulo de la caja donde va el menu

Naranja es la imagen que encabeza el menu

Verde es el color del menu

IMPORTANTE CREDITOS

La caja flotante es de pame

y el menu de Kazumi Nahiara