Ver Mensaje Individual
  #8 (permalink)  
Antiguo 03/11/2009, 10:06
Avatar de electroera
electroera
 
Fecha de Ingreso: marzo-2008
Ubicación: San Miguel, Bs As, Argentina
Mensajes: 52
Antigüedad: 16 años, 1 mes
Puntos: 0
Respuesta: Adaptar foro phpbb a estructura del sitio

No se si es lo mejor lo que hice, pero si se que funciona bien.

Basicamente utilize los archivos overall_header y overall_footer del prosilver.

En el header hice una tabla despues del body de tamaño 100% para poder crear el background que necesitaba, dentro de esa tabla cree otra donde voy a contener todo el foro, y luego hice un div para poner la imagen que uso de encabezado.

Código:
<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">
<table width="100%" height="100%" align="center" class="table_bg">// Esta es la tabla para el background
	<tr>
    <td>&nbsp;</td>
    <td class="td_bg" width="940" height="100%">
    <table width="100%" height="100%" border="0" align="center" cellpadding="0" cellspacing="0" class="td_bg">//Esta es la tabla contenedora del foro
  <tr>
    <td>
<div id="banner"> //este es el div que agregue con la imagen del sitio
<img src="./styles/prosilver/imageset/site_banner.jpg" />
</div>
<div id="wrap">// Aqui comienza el codigo del foro propiamente dicho
	<a id="top" name="top" accesskey="t"></a>
<div id="page-header">
Tambien modifique el common.css para darle el tamaño que necesito al foro, tienes que buscarlo como #wrap y alli le das el tamaño.
En ese mismo archivo se modifica toda la estructura, medidas, espacios y margenes del foro.
En el archivo colors.css modificas los fondos, colores y aspecto.

Si queres sacarle los margenes hay que quitar los padding en el body.

La ventaja de encerrar el foro en una tabla es que podes controlar todo el entorno.

Lo mas importante es que la tabla que creas en el header no la cierres en ese archivo, tenes que dejarla abierta y cerrarla en el footer:

Código:
<div>
	<a id="bottom" name="bottom" accesskey="z"></a>
	<!-- IF not S_IS_BOT -->{RUN_CRON_TASK}<!-- ENDIF -->
</div>
<div id="bottom">// Div agregado para poner la imagen de pie de pagina
<img src="./styles/prosilver/imageset/bottom.jpg" />
</div>
</tr>
</table>//Cierro la tabla que encierra el foro
</td>
    <td>&nbsp;</td>
	</tr>
</table>// Cierro la tabla del background
</body>
</html>
Esta estructura puede variar dependiendo de lo que vos necesites, pero al menos te podras dar una idea de como empezar.

Espero haberte ayudado, suerte!!