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