Olá, hoje eu trouxe um menu simples.
Se quiser visualizar:
xx
Coloque no css:
.girlie {color:#DCDCDC;background-color:#FFF0F5;border-bottom: 5px solid #FFE4E1 ;height:50px;width:60px;display: inline-block;z-index:1px;font-family: ‘Oswald’, sans-serif;font-size:12px;text-align:center;border-top:5px solid #FFE4E1 ;-moz-transition-duration: .90s; -o-transition-duration: .90s; -ms-transition-duration: .90s;} .girlie:hover {-webkit-transition-duration: .80s; -moz-transition-duration: .80s; -o-transition-duration: .80s; -ms-transition-duration: .80s;border-top: 5px solid #FFFAFA;border-bottom:5px solid #FFFAFA;height:normal;width:normal;display: inline-block;z-index:1px;color:#fff;background-color:#F8F8FF;height:30px;width:40px;-moz-transition-duration: .90s; -o-transition-duration: .90s; -ms-transition-duration: .90s;-moz-border-radius:50px; -webkit-border-radius:50px;}
E onde quiser que apareça: <"div class=“girlie”>algo aqui.<"/div> /ana
