Criando um menu

Olá seus feiosos ... como vão? eu vou bem . Bom eu só posto de dois em dois dias , mas como estamos com alguns pedidos acumulados resolvi fazer logo esse post , porque odeio falta de organização.

Gente advinhem? Vou ganhar um porquinho da índia  └(=^‥^=)┐┏((＝￣(ｴ)￣=))┛ ~~rebola~~

Depois que meu hamster morreu prometi não ter outro bichinho , mas meu amor por animais fala mais alto. 

Então gente , sobre a surpresa que falei ontem , talvez eu va sortear um dominio , ja que minha linda e adorada mãe fez um favorzinho pra mim , mas é só depois que eu instalar o meu e é só uma hipotese. Estou falando logo porque nao sei quantos iam participar , e não quero ficar no vácuo , portanto me digam o que acham certo? -q

Ok agora ao post , uma garota me pediu um tutorial de como fazer um menu . Vou ensinar a base , nada de modelos prontos por que assim ninguem aprende ne? -q

1° passo : Nome do Menu

Avá essa parte é fácil , primeiro crie um nome pro seu menu , pode ser qualquer um.

Antes do nome dele coloque um "." e depois do nome, um "space". Logo após disso abra essa chavinha "{ "

deve ficar assim :

.nome {

2° passo :  Propriedades do menu 

Não é dificil , mas é bom prestar atenção , voçe pode usar várias coisas no menu , entao deixo aqui algumas explicações do que se pode usar :

Background: #cor;   O background é nada mais do que o fundo do menu.

Color: #cor;     È a cor da letra do seu menu em estado normal.

padding: NUMEROpx;   È a distância da letra das bordas do menu.

margin: NUMEROpx;     se seu menu for em caixas ,essa é a distancia de uma caixinha pra outra.

border: NUMEROpx TIPO DA BORDA #cor;    define o tamanho , o tipo e a cor da borda do menu , existem muitos tipos de borda , alguns são:

Double = Borda dupla .

Solid = somente uma linha HU3

Dashed = Borda tracejada .

Dotted = Borda pontilhada .

 Inset= Borda embutida.

Outset= Borda em relevo.

Font-size: Numeropx;       Define o tamanho da letra no seu menu 

Font-family: NOME DA FONTE ;                 Define a fonte usada no menu .

Cursor: Nome;             Define o cursor quando voçe passa o mouse . Alguns são :

Default= È a seta comum do mouse.

Wait= È aquele cusor da bolinha girando ( kkk avá )

Help= È aquele cursor com uma interrogaçãozinha embaixo.

Move= O cursor com 4 setinhas apontando norte ,sul e bla bla..

Text-transform : NOME;          A transformação do texto ,define se ele vai ficar em maiúsculo , minusculo ou com apenas a primeira letra em maiúsculo.

Lowercase = Minúscula 

Uppercase: Maiúscula

Capitalize: Apenas a primeira letra maiúscula

Border-radius: Numeropx;       Define o arredondamento das bordas do menu .

Text-shadow: Numeropx #cor;                       A sobra no texto do seu menu .

Text-align: NOME;            O alinhamento das palavras no menu . 

Center=  Letras alinhadas no centro 

Left= letras alinhadas a esquerda

Right= letras alinhadas a direita

Box-shadow: NUMEROPX  TIPO DE BORDA #cor;

È o que define o tamanho e o tipo da sombra  do menu . alguns tipos :

Inset = Borda dentro do menu.

Outset= Borda fora do menu.

Montando tudo vai ficar assim:

.nome { Background: #cor; Color: #cor; padding: NUMEROpx; margin: NUMEROpx; border: NUMEROpx TIPO DA BORDA #cor; font-size: Numeropx; Font-family: NOME DA FONTE ; Cursor: Nome; Text-transform : NOME; Text-align: NOME; Border-radius: Numeropx; Text-shadow: Numeropx #cor; box-shadow: NUMEROPX TIPO DE BORDA #cor; }

Lembre! no final de tudo isso feche com "}" ou nao funciona certo?

                 Depois de feita essa parte , o código deve ser colado acima da tag ]]></b:skin

3° passo:  Fazendo o menu aparecer 

Para ele aparecer basta colar em um gadget html/java o seguinte código , trocando as partes destacadas:

<a href="LINK" class="NOME-DO-MENU">NOME</a>

Bom foi isso , desculpem o tutorial trigrande , mas é melhor explicar direitinho *u* . Espero que ajude .

Um recadinho : Só aqui que o botão de resposta dos comentários não esta mais dando bug? se no de voçes tambem não, comente Flango ( sempre quis falar isso *u* ) Fiquem com Deus *3*