Codigo HTML para uma barra lateral?

Você poderia por favor dar um link para um site que vai me dar o código HTML para uma barra lateral? Eu estou tentando fazer como uma caixa de navegação à esquerda/direita do meu site... A barra lateral deve ser fixo, como em que se move quando a pessoa desloca-se para baixo. Desculpa, "xx", mas eu não sei como programar, como criar uma tag "div"? Você poderia criar o código inteiro? Obrigado

Resposta

Isto é simplesmente HTML e CSS, pode dizer-lhe como fazê-lo passo a passo.

1 > Abrir bloco de notas (iniciar > notepad(type) > pressione enter)

2 > Tipo no bloco de notas o seguinte se perdeu consulte o código completo na parte inferior da minha resposta,

<html>

<head>

<title>Menu fixo</title>

</head>

<body>

</body>

</html>

3 > Salvar esse arquivo no seu desktop e salve-o como (index. htm) menos os colchetes.

3. > por favor note o (. htm) é crucial.

4 > Clique duplo o arquivo que você acabou de criá-lo de carregar em seu navegador.

5 > Abra outro arquivo de bloco de notas.

6 > Digite o seguinte para o novo arquivo. Esqueça as linhas se perderam consulte o código completo na parte inferior da minha resposta,

-

div.menu

{

width: 200px;

altura: 500px;

background-color: #333;

posição: fixo;

Left: 0px;

Top: 0px;

}

.menu ul li

{

margem-fundo: 20px;

}

7 > Salvar esse arquivo como (global.css) menos os colchetes. E salve-o em seu desktop.

8 > Volte para seu arquivo index htm e adicione a seguinte linha para sua seção head. Foget sobre as linhas. Se perdeu consulte o código completo na parte inferior da minha resposta,

<link rel="stylesheet" href="global.css" type="text/css">

9 > Permanência com seu arquivo index htm, agora, adicione o seguinte HTML. Tags inbetween seu corpo.

<div class="menu">

<ul>

<li><a href="#">Link 1</a></li>

<li><a href="#">Link 2</a></li>

<li><a href="#">3Link</a></li>

</ul>

</div>

-

10 > Salvar seu arquivo index htm novamente agora vá ao seu navegador e recarregar a página da Web.

para mostrar o menu não se move que você pode adicionar o seguinte código ao seu arquivo de global.css.

corpo

{

altura: 3000px;

}

tudo o que vai fazer é certificar seu navegador precisa rolar para chegar ao fundo e o menu não deve mover.

-

Completo arquivo de código (index. htm).

-

<html>

<head>

<title>Menu fixo</title>

<link rel="stylesheet" href="global.css" type="text/css">

</head>

<body>

<div class="menu">

<ul>

<li><a href="#">Link 1</a></li>

<li><a href="#">Link 2</a></li>

<li><a href="#">3Link</a></li>

</ul>

</div>

</body>

</html>

-

Completo arquivo de código (global.css).

-

div.menu

{

width: 200px;

altura: 500px;

background-color: #333;

posição: fixo;

Left: 0px;

Top: 0px;

}

.menu ul li

{

margem-fundo: 20px;

}

corpo

{

altura: 3000px;

}

-

que deve fazê-lo. Nota isto não foi testado então se você entrar em problemas me mensagem. Observe também a coisas como linhas citações e colchetes quando usado fora seções de código são para organização tentativa quando citações são inbetween <> sinais que fazem parte do código. Não exclua estas.

Boa sorte