22/4/16

[Tutorial] Menu Dazzling Darkness

Como cuando te entra el demonio (?
Holaaaa~ Como han estado? yo bien ya llevo como 3 semanas que regrese de un viaje y eh estado con full tareas por faltar mucho días a clases por el viaje, pero bueno poco a poco me eh ido desatransado de todo, pero los ejercicios son lo peor tengo varias que me faltan por notas, bueno ya dejando eso de lado hoy les vengo con un tutorial de un menu muy bonito les dejare una vita previa.





Vamos a Diseño, Agregar Gadget, Gadget HTML/javascript


*/-----Menu Dazzling Darkness Recursos Kawaii World-----\* <style> .hyosung{ width:100%; background:url(http://i.imgur.com/ouSHin1.png);
border-bottom:5px solid #DFDFDF;
position:fixed;top:0px;left:0px;
box-shadow:0 0 6px #ccc;
text-align:center;
padding:10px;
}
a.jieun{
background:#A0A0A0;
text-decoration:none;
color:#FFFFFF;
padding:5px;
font:11px arial;
margin-left:5px;
margin-right:5px;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;display:inline-block;
width:60px;
}
a.jieun:hover{
background:#4E4E4E;
color:#fff;
</style><div class="hyosung">
<a class="jieun" href="URL">Tutoriales</a>
<a class="jieun" href="URL">Recursos</a>
<a class="jieun" href="URL">Packs</a>
<a class="jieun" href="URL">Afiliame</a>
<a class="jieun" href="URL">Plantillas</a></div>

Cosas a Cambiar:
Imagen de Fondo
Color del borde inferior
Primer Fondo de los enlaces
Primer color de letra
Segundo color de los enlaces
Segundo color de las letras


Para Agregar mas enlaces solo agrega el siguiente código antes del ultimo </div>


<a class="jieun" href="URL">Titulo</a>




Bueno eso es todo espero les gustara, si tiene
dudas o sugerencias, comentarlas o dejarlas en el chat,
nos vemos en la próxima, Bye~

No hay comentarios:

Publicar un comentario