Menu Horizontal
Ola pessoal, achei um tutorial de Menu Horizontal e resolvi postar aqui para vocês.
1º Passo. Coloque o código abaixo no seu CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
| #menu {list-style: none;float: left;height: 21px; /*-------- ALTURA DO MENU ------*/width: 444px; /*-------- LARGURA DO MENU ------*/padding-left: 0px; /*-------- POSICIONAMENTO PARA DIREITA ------*/margin-top: 0px; /*-------- POSICIONAMENTO PARA BAIXO------*/}#menu ul {padding: 0px;margin: 0px;float: left;width: 100%;list-style:none;font-weight: bold;text-transform:uppercase;height: 18px;line-height: 18px;vertical-align:middle;}#menu ul li {display: block;float: left;margin: -1px;width: auto;text-align: center;border:0px;}#menu ul li a {display: block;width: 70px;text-align: center;font-size: 9px;font-family : Tahoma;text-decoration: none;color: #ffffff;background-color: #93dbfd;border:1px solid #65b9e1;vertical-align:middle;}#menu ul li a:hover, #menu li.current a {color: #e3889c;background-color: #f9d5dd ;text-decoration: none;border:1px solid #e3889c;} |
2º. Passo. Coloque o código abaixo onde quer que seu menu apareça:
Cor Seletiva
Comentários
Postar um comentário
Seja educado , nossa educação depende da sua.
Criticas e sugestões são bem vindos.
Se reblogar por favor nos avise.