Olá queridos! Mais uma vez, eu aqui... Trazendo Tutoriais ... Hehe... Os créditos de todos os Tutoriais que eu pegar... Vão para o Kawaii World. E caso haja outro.. Eu creditarei....
O Menu Pixel, é beeem pequeninho... Mas é super fofo... Querem ver!?
Ache ele aqui
Vamos lá!?
Pesquise por:
]]></b:skin>
Acima Cole:
ul.menu01{margin:0;padding:0;list-style-type:none;display:block;
font-family:"04b03", small fonts; font-size: 8px;line-height:100%;
width:210px;
padding-top: 2px;}
ul.menu01 li{margin:0;padding:0;border-top:1px solid #bee1f0;
border-bottom:1px solid #d3eef5;}
ul.menu01 li a{display:block;text-decoration:none;color:#66c4e3;
background:#c8e6f0;padding:0 0 0 0px;width:210px;
}
ul.menu01 li a:hover{
background:#e7e2e4;}
ul.menu01 li a.current,ul.menu01 li a.current:hover{
background:#eff0f2;}
/* FONTE PIXEL */
@font-face {font-family: "04b03";
src: url('http://static.tumblr.com/p0nqcte/56im0rvo6/04b_03__.ttf'); format("truetype"); }
Salve.... Agora abra um HTML / Java Script e cole:
<ul class="menu01">
<li><a href="#">NOME DO LINK</a></li>
<li><a href="#">NOME DO LINK</a></li>
<li><a href="#">NOME DO LINK</a></li>
<li><a href="#">NOME DO LINK</a></li>
</ul>
Onde está # Coloque o Link, e NOME DO LINK..... Está obvio...
Fácil não!?
Beijos!
Nenhum comentário:
Postar um comentário