23 de out de 2012

Menu Pixel.

Tumblr_ltqjeughfw1qei95oo1_500_large
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

Related Posts Plugin for WordPress, Blogger...