Faça a sua própria barra de navegação horizontal, ou " barra de navegação ", com linhas de código html . HTML e CSS código é digitado em um editor de texto como o Bloco de Notas, onde informações como texto, a cor e as ligações são inseridos no código. Uma vez que você adicionou o código para o seu site , os leitores têm as ferramentas para visitar as outras páginas do seu site. Instruções
1
Abra o programa Bloco de Notas
2
Criar as diferentes ligações para sua barra de navegação eo preenchimento e margem para isso , copiando e colando o seguinte em seu bloco de notas. :
ul # lista -nav {margin: 20px ; padding: 0; list-style : none; width: 525px ;}
3
Fazer barra de navegação ir em uma linha em toda a página , copiando e colando o seguinte em seu bloco de notas:
ul # lista -nav li { display: inline }
4
Criar os links para barra de navegação , copiando e colando o seguinte :
ul # lista -nav li a {text -decoration : none; padding: 5px 0; width: 100px; background: # 485e49 ; color: # eee ; float: esquerda;
5
Alinhar o texto na barra de navegação , copiando e colando o seguinte :
ul # lista -nav li a {text -align : center; border- left: 1px solid # fff ;}
6
Criar uma cor rollover , copiando e colando o seguinte :
ul # lista -nav li a: hover {background: # a2b3a1 ; color: # 000 }
7
Altere qualquer uma das cores , digitando o código para a cor de sua escolha . Encontre todos os " #" símbolos e substituí-los com os endereços de URL para criar os links para " Home", "About Us ", " Serviços ", " produtos " e " Contacto" . ;
8
Salve o arquivo de código Navbar no seu bloco de notas. Pressione "Ctrl " + "A" para selecionar tudo. Abra sua página da web e vá para o editor HTML CSS. Pressione " Ctrl" "V" + para copiar o código Navbar . Salve o código para inseri-lo em sua página.
