3 de dezembro de 2012

Menu Fluid

                    Coreana_1_large
Ola meninas !! trouxe um tuto de um menu simples e organizado aqui esta o Preview.Vamos ver?



Vá até editar HTML e procure por ]]></b:skin>.

@font-face {font-family: "Alterebro Pixel Font"; src: url('http://static.tumblr.com/rzkfpnf/WFNm33qbe/font.ttf');}#menudisplay ul{list-style-type:none; display:block;}#menufluid li{font-family: 'Yanone Kaffeesatz', sans-serif; font-size: 22px; background: #FC93B1; float:left; padding: 0px 0 5px 0; height:22px; width: 80px; text-align: center; margin: 5px; border-radius: 5px; text-transform: uppercase;}#menufluid li a{color:#fff; text-decoration:none; list-style-type: none;}.fluid {cursor:hand; background: #FC93B1; color:#fff; width:70px; font-family: Alterebro Pixel Font; font-size:8px; height:15px; vertical-align: middle; text-align: center; text-transform: uppercase; padding:5px; display:none; position:absolute; margin-left: 0px; margin-top:-28px; border-radius: 5px;}
adicionar um gadget HTML/JavaScript 

<div id="menudisplay"><ul id="menufluid"><li><a href="LINK">NOME</a><div class="fluid">descricao do link</div></li><li><a href="LINK">NOME</a><div class="fluid">descricao do link</div></li><li><a href="LINK">NOME</a><div class="fluid">descricao do link</div></li></ul></div>

Um comentário:

  1. Oii Amor seg? sigo de volta (Cherry Land acessa o perfil) avisa no blog ok?
    Beijinhos de glitter

    ResponderExcluir