Página 1 de 1
Anchear header en Milkyway
Publicado: 13 Dic 2011, 06:39
por 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.
Re: Anchear header en Milkyway
Publicado: 14 Dic 2011, 18:25
por 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 de
height: 150px;
Re: Anchear header en Milkyway
Publicado: 14 Dic 2011, 23:34
por 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.
Re: Anchear header en Milkyway
Publicado: 15 Dic 2011, 00:59
por 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.
Re: Anchear header en Milkyway
Publicado: 15 Dic 2011, 04:16
por 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!
Re: Anchear header en Milkyway Tema Solucionado
Publicado: 18 Dic 2011, 23:13
por 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"> </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.