Tutorial: Menu Space

Boa tarde pessoal. 

Tem um tempinho que não trago menu para vocês né ?

Esse menu é bem bonito, em breve devo usá-lo!

O Resultado será este:

(Créditos da imagem e do menu: Chilli Lovers)

Quer aprender ? Let's Go!

1º Vá no seu Html e proucure por ]]></b:skin> , feito isso, cole acima desta tag o seguinte código:

/*Inicio do menu Space by Chilli Lovers*/Space{color: #fff; /* cor da fonte quando passa o mouse */text-align:center; font-size: 11px; /* Tamanho da fonte do menu */text-transform:lowercase;background: #FF4040 ; /* Fundo do menu */padding: 2px;float: left;margin: 2px;cursor: help; /*cursor */width: 45%; /* tamanho do menu */-webkit-transition-duration: .80s;border:1px solid#FF0000; /* bordas */border-radius: 2px; /*---- bordas arredondadas ----*/}Space:hover{background:#FF4040; /* fundo do menu quando passa o mouse */border:1px solid #FF0000; /* bordas quando passa o mouse */color: #fff; /* cor da fonte quando passa o mouse */-webkit-transition-duration: .80s; border-radius: 8px; /* bordas arredondadas */}/*Fim do menu Space by Chilli Lovers*/

 Apesar do código estar um pouco bagunçado no blockquote, está todo explicado. Feito isso, coloque um Gadget de Html/JavaScript e nele cole o código:

<a href="Url da Página"><Space>Nome da Página</Space></a>

E pronto. Kissus ~