Imagen o tabla flotante fija superior... como esta!

[gilberdesigns]

Hola!

Me gustaria usar este efecto para una de mis webs, os dejo un link para que lo veais porque si me tengo que explicar...

ejemplo


Me refiero a la barrita superior, donde sale el titulo, ¿Veis como esta fija? encima tiene unos bordes trasparentes y un color negro de base algo traslucido que hacen un efecto cojonudo cuando va subiendo la web!!!

¿como se hace?¿sabeis como se llama para buscarlo?

Gracias.

[civerangel]

pues lo puedes hacer poniendo un div posicion absoluta, left:0px; top:0px; width:100%; z-index:(la mas alta dependiendo del nivel de tu diseño)
y por lo de la imagen transparente puedes ponerle un png de fondo a ese div

background: url('') bottom;

saludos

[drac94]

hola

Estos son los estilos que usa el div, que por supuesto debe de llevar como id=header, alli mismo esta el link de la imagen que usa para darle el efecto de transparencia

body.headerfixed #header {
left:0;
position:fixed;
top:0;
z-index:100;
}

#header {
background-image:url(http://images.seriesyonkis.com/wp-content/themes/vistered-little/skins/default/dark_header.png);
}

#header {
background-position:center bottom;
overflow:hidden;
padding:10px 0 30px;
width:100%;
}

* {
margin:0;
padding:0;
}

Saludos

[gilberdesigns]

Gracias a los 2, voy a ver si lo consigo hacer funcionar.