Olá queria que vocês podessem me explicar como criar um Menu com Css,
estou tentando criar o meu só que não sei.
ajudem ai *

Bom, primeiro você precisa saber o básico sobre css e html. Enfim, vamos lá, vá seu style.css e adicione os seguintes códigos:

Código:


body {
padding:0;
margin:0;
}

Isso fará com que o seu menu fique coladinho com a barra horizontal e vertical.

Após isso, adicione também o código principal.

Código:


.menu {
width:100%;
height:45px;
background-color:#1c1f25;
border-bottom: solid 4px #C13030;
line-height:46px;
text-indent:100px;
color:#fff;
font-family: Arial !important;
text-shadow:0px 0px 5px #000;
font-size:16px;
}


O width nada mais nada menos que será o tamanho da largura que irá ocupar.
O height é a altura do seu menu.
O background-color será a cor do fundo do seu menu.
O border-bottom será uma linha que passará por baixo do seu menu, é apenas um enfeite, caso queira tirar fica ao seu critério.
O line-height definirá a posição do texto do seu menu na vertical.
O text-indent definirá a posição do texto do seu menu na horizontal.
O color será a cor da seu texto do menu.
A font-family será a fonte (letra) utilizada no seu menu.
O text-shadow será apenas outro enfeite no seu menu, ele adicionará sombras no seu texto, caso quiser remover, fica ao seu favor.
A font-size nada mais nada menos que o tamanho da fonte (letra) do seu menu.

Logo após ter feito tudo isso, vamos personalizar os links para que fiquem bonitos, adicione os seguintes códigos.

Código:


.menu a {
text-decoration:none;
color:#fff;
 -webkit-transition: all 1s ease 0s;
 -moz-transition: all 1s ease 0s;
 -ms-transition: all 1s ease 0s;
 -o-transition: all 1s ease 0s;
 transition: all 1s ease 0s;

}
.menu a:hover {
color:#ccc;
 -webkit-transition: all 1s ease 0s;
 -moz-transition: all 1s ease 0s;
 -ms-transition: all 1s ease 0s;
 -o-transition: all 1s ease 0s;
 transition: all 1s ease 0s;

}


Após feito isso, vá na index.html e adicione os seguintes códigos dentro da tag body.

Código:


<div class="menu">
<a href="http://wasd.in/[i]SEULINK.HTML[/i]">INÍCIO</a>
&nbsp;&nbsp;&nbsp;
<a href="http://wasd.in/[i]SEULINK.HTML[/i]">WASD</a>
&nbsp;&nbsp;&nbsp;
<a href="http://wasd.in/[i]SEULINK.HTML[/i]">WASD</a>
&nbsp;&nbsp;&nbsp;
<a href="http://wasd.in/[i]SEULINK.HTML[/i]">WASD</a>
&nbsp;&nbsp;&nbsp;
<a href="http://wasd.in/[i]SEULINK.HTML[/i]">WASD</a>
</div>


Espero que tenha entendido, qualquer dúvida pode perguntar.


Resultado final:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Se bugar: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

[aviso=Aviso] O autor do tópico contém 48 horas para responder se o pedido foi atendido com sucesso ou não, caso contrário o tópico será fechado e movido. [/aviso]

obg.
ajudou mt.
mais como cria menu lateral?!

Fr3d escreveu:obg.
ajudou mt.
mais como cria menu lateral?!

Cara você deveria ter mais atenção ao criar seus tópicos.. Você deveria ter especificado "QUERO UM MENU LATERAL".. Fez o iLucas ter todo um trabalho para lhe ajudar, para no final fazer isso ? Tenha mais atenção!

[aviso=Aviso] Tópico fechado & movido. [/aviso]