Ver Mensaje Individual
  #2 (permalink)  
Antiguo 30/10/2013, 12:28
Avatar de eduardobrutaldeath
eduardobrutaldeath
 
Fecha de Ingreso: agosto-2013
Ubicación: América
Mensajes: 306
Antigüedad: 11 años, 3 meses
Puntos: 3
Respuesta: Como hago una barra de herramientas como la de Facebook

Cita:
Iniciado por ivo5860 Ver Mensaje
Hola! Amigooos..!

Necesito ayudaa..! Quiero en mi pagina web una barra del tope, como las de youtube, facebook, twitter o de esta pagina ! Tutorialesweb.

Sin espacios en blanco, iconos y links separados..Ah, y que la barra se mueva cuando baje , como la de facebook que cuando bajas a verpublicaciones anteriores la barra queda estatica en la pantalla siempre en el head, quieta.. Ayuda ! Necesito eso.
Es solo eso... Necesito que me den el Css,html y lo pongo...!

Desde ya muchas gracias..!!!!
crea un <HEADER></HEADER>, adentro agregas tu logo, menú, etc y en el CSS le pones estas propiedades.

Código CSS:
Ver original
  1. HEADER
  2. {
  3. position: fixed; /*para mantener estático el header en el encuadre del navegador*/
  4. top: 0; /*para que quede arriba*/
  5. z-index: 10; /*para que el header se monte encima de cualquier elemento que no tenga un número mayor*/
  6. width: 100%; /*importante para que cuando alejes la página con el ZOOM (SCROLL) el header no aparezca cortado*/
  7. }

Creo que sería todo, sólo tendrías que darle más estilo al HEADER y agregar contenido.