[SOLUCIONADO] Modificar el header del tema Arras

[EonHadico]

Estoy usando el tema Arras para mi blog, pero me gustaría cambiar la cabecera del tema y cambiar el aspecto de esto...

http://i49.servimg.com/u/f49/11/99/42/89/origin10.jpg

a esto...

http://i49.servimg.com/u/f49/11/99/42/89/cambia10.jpg

la versión que uso del tema es la 1.5.1.1

Solicite ayuda en el foro de los creadores del tema y tras diez días no me han contestado y sinceramente, soy un tanto negado en estas lides.

[Nekko]

No parece muy complicado, necesitás tener conocimientos de HTML y CSS. Posiblemente instalar firebug o la developer toolbar te sea de ayuda, el resto es prestar atención a la estructura mencionada y cambiarla. Centrá tu atención en el header.php y en style.css.

[raydenslayer]

Actualmente tienes las estructura de div en esta forma:

<div id="header">
<!-- etc etc etc -->
</div><!-- #header -->

<div id="nav">
<!-- etc etc etc -->
</div><!-- #nav -->

<div id="wrapper">

Entonces, debes mover el menu (id="nav") dentro del bloque id="wrapper"
te debe quedar organizado asi:

<div id="header">
<!-- etc etc etc -->
</div><!-- #header -->


<div id="wrapper">

<div id="nav">
<!-- etc etc etc -->
</div><!-- #nav -->

Ahora debes dar estilo en css:

1.- Buscar este codigo

#nav {
background: url(../../images/topnav.jpg) repeat-x bottom #322C2C;
min-width: 990px;
}

y reemplazar completo por este:

#nav {
margin: 0 auto;
background: url(../../images/topnav.jpg) repeat-x bottom #322C2C;
width: 990px;
}

[EonHadico]

Perdona por tardar TANTOOO en responder y agradecer vuestra ayuda.

Funciono perfectamente.