Ver Mensaje Individual
  #4 (permalink)  
Antiguo 07/03/2009, 19:43
Avatar de jomaruro
jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 21 años, 8 meses
Puntos: 361
Respuesta: Ayuda adaptando un diseño a mi antojo.

Hola de nuevo:

Modifica tu header así:

Código:
        <div id="header">
            <div id="menu">
                <ul>
                    <li><a href="index.php" class="hover">Inicio</a></li>
                    <li><a href="#">Suscríbete </a></li>
                    <li><a href="http://www.forotematico.com">Nuestro Foro</a></li>
                    <li><a href="http://www.hombresfatales.com">Hombres Lindos</a></li>
                    <li><a href="http://www.mujeresfatales.com">Mujeres Lindas</a></li>
                    <li><a href="http://www.refugiofatal.com">Anime</a></li>
                    <li class="last"><a href="#">Contactar</a></li>
                </ul>
            </div>                
            <div id="ponelogo">
                <a href="index.php">
                    <img src="images/logo.png" alt="Juegos Gratis" border="0" class="logo" />
                </a>  
            </div>
            <div id="publi">
                <script type="text/javascript"><!--
                    google_ad_client = "pub-2655004646912857";
                    /* FORO TEMATICO 468x15, creado 5/11/08 */
                    google_ad_slot = "8062288509";
                    google_ad_width = 468;
                    google_ad_height = 15;
                    //-->
                </script>

                <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>

                <script type="text/javascript"><!--
                    google_ad_client = "pub-2655004646912857";
                    /* FORO TEMATICO 468x15, creado 5/11/08 */
                    google_ad_slot = "8062288509";
                    google_ad_width = 468;
                    google_ad_height = 15;
                    //-->
                </script>

                <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
            </div>
            <div id="categorias">
                <p class="topText">CATEGORIAS:<span class="smallTxt">Coches, para mujeres, aventuras</span></p>
                <a href="#" class="readMore"></a>
            </div>
        </div>
y en el CSS añade:

Código:
#menu{
    height:31px;
}

#publi{
	width: 660px;
	height:117px;
	float:right;
	padding-top:20px;
	text-align:center;
}

#ponelogo{
	float:left;
	width:300px;
	height:236px;
}

#categorias {
	width: 660px;
	height:90px;
	float:right;
	padding-top:0px;
	text-align:center;
}
Espero que te sirva.

Saludos.