Mark
#1

Hola de nuevo, en esta ocasi贸n comparto un simple men煤 de color negro, tiene un degradado y un peque帽o relieve, en mi opini贸n se ve muy elegante por eso le puse ese nombre :), es muy f谩cil tenerlo para sus webs, si est谩n construyendo alguna y este men煤 les combina perfecto de seguro se vera muy bien :D bueno pasemos a la explicaci贸n, antes que nada quiero aclarar que no tiene ning煤n efecto en particular, solo un degradado, es un men煤 simple pero bonito, el degradado esta implementado con CSS3.

copia y pega el siguiente c贸digo css en donde tengas los estilos de tu web, si usas blogger busca ]]></b:skin> y arriba pega el siguiente c贸digo

See the Pen Untitled by eltorga (@eltorga) on CodePen.

Pega el siguiente c贸digo HTML en donde quieras el menu:

See the Pen Untitled by eltorga (@eltorga) on CodePen.


Remplazan lo que deseen en su men煤 as铆 como tambi茅n pueden quitarles y agregarle nuevos <li>.

Lo que esta en rojo controla el tama帽o que tiene de ancho el men煤, cambian el valor por un numero mas alto o mas bajo dependiendo de que tan grande o peque帽o deseen el men煤

Despues de terminar tendran un menu como este:

See the Pen Untitled by eltorga (@eltorga) on CodePen.


Como ven es un simple menu, ligero, simple pero elegante, espero les haya gustado :D
si tienen algun problema no duden en dejarlo en un comentario ;)

image quote pre code
Compartir: