imagen Con Menú *-* ♥

Hii !! OwO c: Bueno Aquí Les Traeré Un Tutorial Sobre "Como Poner Una Imagen Con Menú :'3 
                                     Espero Que Les Guste :'3

             si les gusto aqui el codigo,deberan pegarlo en un gadget -HTML/JAVASCRIPT 

                                                 
                                                    <center> <style type="text/css"> .img-opaco{ background: #E8E6E6; color: #000; width: 270px; height: 210px; margin-top:-215px; opacity: 0; -webkit-transition:all .5s ease-in-out; } .img-opaco:hover{ opacity:.7 } </style> <img src="Url de la imagen" width="270" /> <div class="img-opaco"> <center> <span class="Apple-style-span" style="font-family: verdana, arial; font-size: medium;"><br /> <span id="nav" style="-webkit-transition: 1s; background-color: #ff3e96; border-radius: 5px; border: #000000 1px dashed; font-family: serif; font-size: 13px; padding: 2px;"> <a href="Url del link" style="-webkit-transition-duration: 0.5s; color: black; text-decoration: none;">Home</a></span> <span id="nav" style="-webkit-transition: 1s; background-color: white; border-radius: 5px; border: #FF3E96 1px dashed; font-family: serif; font-size: 13px; padding: 2px;"> <a href="Url del link" style="-webkit-transition-duration: 0.5s; color: black; text-decoration: none;">Tutoriales</a></span> <span id="nav" style="-webkit-transition: 1s; background-color: white; border-radius: 5px; border: #FF3E96 1px dashed; font-family: serif; font-size: 13px; padding: 2px;"> <a href="Url del link" style="-webkit-transition-duration: 0.5s; color: black; text-decoration: none;">Créditos</a></span> <span id="nav" style="-webkit-transition: 1s; background-color: white; border-radius: 5px; border: #FF3E96 1px dashed; font-family: serif; font-size: 13px; padding: 2px;"> <a href="Url del link" style="-webkit-transition-duration: 0.5s; color: black; text-decoration: none;">LINK</a></span> <span style="color: black; font-family: Purisa; font-size: x-small;"><b> <br /><br /> Aqui tu texto </b></span> </span> </center> </div> </center>



Lo Único Que Tienen Que Hacer Es Completar , Donde Dice "URL DE LA IMAGEN" Ahí Va La Foto Que Quieran Ustedes En El Fondo Y Donde Dice "URL" Ahy Va Su Pagina O Ah Donde Ustedes Quieren Que Lo Lleven ; Donde Dice "Home , Tutoriales , Créditos etc.." Ustedes Cambien El Nombre & Listo c: