html/css

[shandya 0]

estou nas ferias no senac e parei no modulo de HTML
e gostaria de uma ajuda para fazer um menu vertical na direita e flutuante
igual do site jovem nerd

estou mandando uma foto

Muito Obrigada =D

 

Links da img

 

http://pt-br.tinypic.com/r/2wfn3h4/9

 

 

http://i67.tinypic.com/2wfn3h4.png

[shandya 0]

https://jsfiddle.net/9dy4c2ud/

[shandya 0]

ali esta o meu código até agora

[L. Henrique 179]

Não da pra entender o intuito do código, mas ok.

Pra ter um menu flutuante a direita, você só precisa de HTML e CSS. Existem propriedades em CSS como o float: right; que é responsável por colocar o elemento ao canto direito da tela (Como o próprio código diz "Flutuar a direita").

 

Se você quiser que o elemento fique a direita e siga a página junto com o scroll (rolamento), então deixe o float de lado e use as propriedades Position: fixed; e right: 0;

Position: fixed = Define que a posição do elemento é fixa quanto ao html,body e percorre junto a eles.

Right: 0 = Define que o elemento está a 0 de distância da direita do documento.

 

Ex.:

HTML

<div class="caixa-flutuante">
   <ul>
      <li><a href="#">Facebook</a></li>
      <li><a href="#">Instagram</a></li>
      <li><a href="#">Facebook</a></li>
   </ul>
</div>

CSS

.caixa-flutuante {
   position: fixed;
   right: 0;
} 

Você pode conferir esse código funcionando aqui no JSFiddle.

Para múltiplos itens, é só inserir eles dentro da caixa flutuante, wrapper, container ou o que quer que for que esteja sendo elemento pai deles.

[shandya 0]

Muito obrigado, me ajudou muito

eu achando que precisava de java kkkk