Anchear header en MilkywayTema Solucionado

[Boeing]

URL: http://mundodeodio.es/foro
Versión phpBB: 3.0.9
MODs Instalados: Ninguno
Plantilla(s) usada(s): MilkyWay
Servidor: Linux, de pago.
Actualización desde otra versión: No
Conversión desde otro sistema de foros: No

¡Buenas!

Llevo bastante rato intentar encontrar la solución pero no hay manera.

¿Hay alguna forma de aumentar el ancho del header (me interesaría sobre todo hasta menu_block) y footer de este theme (milkyway) sin cambiar el ancho del resto del foro?

Gracias.

[Makoto]

debes modificar el

./styles/milky_way/theme/stylesheet.css

buscar

Código: Seleccionar todo

#top_logo{
	border-width: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url('./images/top_header.png') repeat;
	height: 150px;
}

cambiar el tamaño deheight: 150px;

[Boeing]

Pero eso es para cambiar la altura, y yo lo que pretendo es cambiar el ancho. Continuo intentándolo pero nada, creo que tendré que modificar código a fondo.

Muchas gracias igualmente.

[Frogman]

Tienes varias opciones.
Una muy simple es ponerle un fondo al foro igual que el de la cabecera y que solo se repita en el eje x. Con este puedes tener problema con la sombra de los bordes.
Abre el css que contiene el fondo y despues de body { añades

Código: Seleccionar todo

background-image: url('{T_THEME_PATH}/images/tu imagen de fondo de la cabecera.jpg'); /* Imagen de fondo */
background-repeat: repeat-x; /* Imagen de fondo repetida en el eje x */

Luego está la opción de crear otro marco div e insertándolo antes que el header y eliminando el original. Esta opción es algo mas tediosa, pero no tendrías el problema de los bordes.

Espero que te sirva.

[Boeing]

¡Muchas gracias frogman!

Al final elegí la opción tediosa y rehice el header prácticamente desde cero.

Mañana pondré una ignominia de como lo hice.

Saludos!

[Boeing]

Pues bueno, por ai a alguien le sirve de ayuda, yo lo hice de la siguiente manera.

Me gustaría decir que esto es lo básico y evitara algunos quebraderos de cabeza, después que cada cual lo personalice a su manera.

Hay que buscar lo siguiente en el archivo overall_header:

Código: Seleccionar todo

<div style="width: {$MG_GLOBAL_WIDTH};clear:both;margin: 0 auto;">
<table width="100%" align="center" cellspacing="0" cellpadding="0" border="0">
	<tr>
		<td class="leftshadow" width="9" valign="top"><img src="{T_THEME_PATH}/images/spacer.gif" alt="" width="9" height="1" /></td>
		<td class="np-body" width="100%" valign="top">
<div id="top_logo">
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td height="150" align="left" valign="middle"><a href="{U_INDEX}">{SITE_LOGO_IMG}</a></td>
<td align="center" valign="middle"><h1>{SITENAME}</h1><span class="gen">{SITE_DESCRIPTION}</span></td>
<td align="right" valign="top">&nbsp;</td>
</tr>
</table>
</div>

Y cambiarlo por:

Código: Seleccionar todo

<div id="wrapper">
<div id="header">
<div id="logo"><a href="{U_INDEX}">{SITE_LOGO_IMG}</a><span class="gen">{SITE_DESCRIPTION}</span></div>
</div>
</div>

<div style="width: {$MG_GLOBAL_WIDTH};clear:both;margin: 0 auto;">

<table width="100%" align="center" cellspacing="0" cellpadding="0" border="0">

<td class="leftshadow" width="9" valign="top"><img src="{T_THEME_PATH}/images/spacer.gif" alt="" width="9" height="1" /></td>
		<td class="np-body" width="100%" valign="top">

Por ultimo, añadir esto al archivo stylesheet.css:

Código: Seleccionar todo

#wrapper {

	width:960px;
	margin:0 auto;

}

#header {

	font-family:Arial, Helvetica, sans-serif;
	position:relative;
	height:176px;
	background:url(images/tuimagendefondodelheader.jpg) 0 51px no-repeat;
	padding-bottom: 10px;
	width: 960px;
	
}

#logo {

	position:absolute;
	left:0;
	top:76px;
}

#logo img {

	border:none;
}



#logo span {

	display:block;
	padding-left:5px;
	padding-top:5px;
	text-transform:uppercase;
	color:#999999;
	font-size:12px;

}

El logo del foro lo puedes cambiar del mismo modo que con el header original, desde el panel de administración.