como hacar menu top twitter

charlescuella · #1 (**permalink**) 09/03/2011, 07:08

hola amigo tengo una duda como se pude hacer el menu top en donde este si tiene scroll y se deba bajar este baje tambien, algo parecido al del twitter q si se va algo asi http://twitter.com/about/opensource
no se si es un js o puro css o php por fa colaboremen gracias

estoy atento

GatorV · #2 (**permalink**) 09/03/2011, 08:42

Tema movido desde PHP a CSS

mdk · #3 (**permalink**) 09/03/2011, 10:17

Se crea una capa con scroll, dentro de ella metes el contenido, luego se crea una segunda capa fuera de la primera y que este por encima de la primera.

charlescuella · #4 (**permalink**) 09/03/2011, 10:23

amm me puedes dar un ejemplo mas grafico por fa

y asi es q estan en http://twitter.com/about/contact ???

gracias por el comentario}

sanxuan · #5 (**permalink**) 09/03/2011, 13:08

Puedes seguir el siguiente enlace:
http://www.forosdelweb.com/f53/barra...witter-892973/
Creo que te ayudará con este problema y con otros que te surjan en el futuro.
Un saludo.

mdk · #6 (**permalink**) 09/03/2011, 13:13

Podrias hacer algo asi:

Código CSS:

Ver original.body { 
    overflow: hidden;
}
.base {
    position: absolute;  
    top: 0px;
    left; 0px;  
    width: 100&#37;;   
    height: 100%; 
    overflow-y: auto;
    overflow-x: hidden;
}
.top {
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100px;
    background-color: blue; 
}

Código HTML:

<link rel="stylesheet" type="text/css" href="style.css">
<body>
<div class="base"></div>
<div class="top"></div>
</body>

Habría que depurar un poco el código, y yo personalmente, la asignacion del ancho de la página y el alto, lo haría mediante javascript, por visualizarlo bien en todos los navegadores. (Suponiendo que crees una capa para meter el contenido).

charlescuella · #7 (**permalink**) 10/03/2011, 07:58

aaamm ok voy checarlos muchas gracias