Ver Mensaje Individual
  #5 (permalink)  
Antiguo 06/03/2012, 08:54
RGT
Usuario no validado
 
Fecha de Ingreso: noviembre-2008
Mensajes: 505
Antigüedad: 16 años
Puntos: 5
Respuesta: Como hago para poner dos fondos abajo de mi menu del top

Ok, explicaré mejor.

Tengo esto:
http://www.megalbum.com/

Localmente estoy diseñando una barra para poder menus en el top de la web.
El problema es que quiero que la barra se muestre primero y luego el fondo azul con el logo y esas cosas.

Otro punto es que, encima del fondo azul, tengo otro fondo azul de diferente tono, aqui te los muestro:
http://www.megalbum.com/wp-content/t...ns/dark/bg.jpg
http://www.megalbum.com/wp-content/t...ark/header.jpg

Ahora bien, localmente estoy haciendo la barra que quiero y hasta ahora tengo esto en header.php:

Código:
<body>

<div class="topbar">
<div class="topbar-inner">
	<div class="container2">
		<a class="brand" href="#">Socialcron for Facebook</a>
				<div class="pull-right" style="padding-top:5px;">
			<a href="#" target="_blank" class="btn success" title="Buy now from CodeCanyon">Buy now from <b>CodeCanyon</b></a>
			<a href="#" class="btn primary" title="Sign in with Facebook">Sign in with <b>Facebook</b></a>

		</div>
			</div>
</div>
</div>

<div class="wrapper" id="top-header"> 
Y en el css tengo para el body esto:
Código:
body {
	background:#fff url("dark/bg.jpg") repeat-x;
}
Hay vamos claro?.

Ya que el codigo de la barra esta despues de <body>, la barra siempre se mostrara encima del fondo azul.

La solución es, creo, poner el fondo azul en otro div, ejemplo algo asi:

Código:
<body>

<div class="topbar">
<div class="topbar-inner">
	<div class="container2">
		<a class="brand" href="http://orangepeelstudios.com/socialcron-facebook/">Socialcron for Facebook</a>
				<div class="pull-right" style="padding-top:5px;">
			<a href="http://codecanyon.net/item/socialcron-for-facebook-schedule-your-updates/1538699?ref=orangepeeled" target="_blank" class="btn success" title="Buy now from CodeCanyon">Buy now from <b>CodeCanyon</b></a>
			<a href="http://orangepeelstudios.com/socialcron-facebook/signin" class="btn primary" title="Sign in with Facebook">Sign in with <b>Facebook</b></a>

		</div>
			</div>
</div>
</div>

<div id="fondo azul" class="segundo fondo azul">
<div class="wrapper"> 
Con eso se logra que la barra quede primero que todo.

Ahora mi problema es, pongo esos divs pero el fondo azul no me sale, y tampoco el segundo fondo azul.

Espero que me halla explicado.