A ver, vuelve a poner el header como estaba en un principio, es decir así:
Código:
<div id="header">
<div id="logo-floater">
<h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
</div>
<ul class="links primary-links">
<?php wp_list_pages( 'title_li=&depth=1' ); ?>
</ul>
</div> <!-- /header -->
Borra lo que añadiste al css, esto:
Código:
#logotipo {
background: url("http://www.enjoythesilence.es/wp-content/themes/garland/images/logo.gif") no-repeat right top;
height: 100%;
}
Ahora cambia en el css, esto:
Código:
#wrapper {
background: url("http://www.enjoythesilence.es/wp-content/themes/garland/images/body.png") #edf5fa repeat-x 50% 0;
height: 600px;
}
por esto:
Código:
#wrapper {
background: url("http://www.enjoythesilence.es/wp-content/themes/garland/images/body.png") #edf5fa no-repeat right top;
height: 600px;
}
Abre con el photoshop la imagen body.png que tendrás en "garland\images", dentro de la carpeta del theme en tu pc.
Vete al menú "imagen/tamaño", desmarca "restringir proporciones" y redimensiona la imagen, dale estas medidas.
- anchura 2000 (tan larga para que se vea bien en todas las resoluciones, ya que ahora ya no se va a "repetir", puedes darle más ancho aún pero no creo que nadie use más de 2000)
- altura 280 (la misma que tiene la original).
Como ves la imagen se ha alargado horizontalmente, ahora crea una nueva capa situada encima y añade ahí tu logo (redimensiónalo si es necesario) y aliénalo a la parte derecha que es dónde saldrá en la web.
Por último guarda el resultado con el mismo nombre y formato (en otra carpeta mejor para mantener el original), la imagen final pesa poquisimo a pesar de lo grande que es, y finalmente la subes de nuevo al ftp "/wp-content/themes/garland/images/"
Y ya está, es una manera quizás un tanto basta (yo mucha idea de css y php no tengo pero inventiva sí jajaja, así que me las voy apañando), pero funciona perfectamente. De esta manare la ventaja es que puedes poner el logo todo lo grande que quieras.