Barra flotante

hunabku · #1 (**permalink**) 23/04/2010, 14:49

Saludos a todos tengo una pregunta alguien sabra como poder hacer un tipo barra en la parte de abajo de la paguina y que se quede alli asi tu estes navegando en tu portal algo similar a la quetiene el portal de http://es.netlog.com/ ??

Trulala de cordoba · #2 (**permalink**) 23/04/2010, 16:36

Hola,
puedes hacerlo directamente con css y javascript por ejemplo. Te dejo algunos ejemplo para que veas si es lo que necesitas:

http://www.dynamicdrive.com/dynamicindex17/floatbar.htm

Y sino solo con CSS te dejo un codigo completo de una página a ver si te sirver:

Código PHP:

  <html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<style> 
#bar { 
   bottom:0; 
   left:0; 
   width:100%; 
   position:fixed; 
   background-color:#F00; 
}  
body{padding:0;margin:0;} 
</style> 
</head> 
 
<body><br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /><br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
 
<br /> 
 
 
<div id="bar">--CONTENIDO--</div> <br /> 
 
</body> 
</html>

hunabku · #3 (**permalink**) 23/04/2010, 16:42

Cita:

Iniciado por Trulala de cordoba

Hola,
puedes hacerlo directamente con css y javascript por ejemplo. Te dejo algunos ejemplo para que veas si es lo que necesitas:

http://www.dynamicdrive.com/dynamicindex17/floatbar.htm

Y sino solo con CSS te dejo un codigo completo de una página a ver si te sirver:

Código PHP:

  <html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<style> 
#bar { 
   bottom:0; 
   left:0; 
   width:100%; 
   position:fixed; 
   background-color:#F00; 
}  
body{padding:0;margin:0;} 
</style> 
</head> 
 
<body><br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /><br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
 
<br /> 
 
 
<div id="bar">--CONTENIDO--</div> <br /> 
 
</body> 
</html>

Muchas gracias lo voy a revisar