Adaptar foro phpbb a estructura del sitio

electroera · #1 (**permalink**) 27/10/2009, 19:12

Buenas noches, estoy haciendo mis primeros pasos con los foros phpbb y luego de cambiar el estilo prosilver de color a traves de los css, necesito poder adaptar el foro a mi sitio.

Estuve leyendo que con los iframes hay ciertos problemas que complican la funcionalidad del foro.

Asi que supongo que se puede montar el foro a traves de un div y asi poder usar la estructura de mi sitio.

Por si no me explico bien aqui dejo un ejemplo de como quisiera que se vea el foro http://www.tupincho.net/foro/

Muchas gracias por su ayuda.

jam1138 · #2 (**permalink**) 27/10/2009, 21:52

Tema movido desde PHP

luckystrikede11 · #3 (**permalink**) 27/10/2009, 21:53

lo unico que tienes que hacer es modificar el codigo XHTML y CSS para cambiar la plantilla o el estilo de esta.. pero eso no tiene nada que ver con php

electroera · #4 (**permalink**) 27/10/2009, 23:08

Ante todo gracias por sus respuestas y pido disculpas por no colocar el tema en la seccion adecuada.

Supongo que viene por el lado de la estructura css del sitio pero no se bien por donde empezar ni que archivos tocar.

Si alguien que ya lo haya hecho me puede dar una mano se lo agradezco mucho.

electroera · #5 (**permalink**) 29/10/2009, 09:02

Gente doy por cerrado el tema, logre modificar el prosilver y dejarlo como queria.
GRacias!

pkxxpk · #6 (**permalink**) 03/11/2009, 06:26

Hola, si pudieras decir como lo hicistes, seguro k mucha gente te lo agradeceria, como por ejemplo yo, que estoy buscando eso mismo.
Animate y dinos como lo hiciste

newboy_master · #7 (**permalink**) 03/11/2009, 09:33

Está en Inglés pero no tiene mucha complicación, por si te sirve:

http://www.phpbb.com/community/viewt...?f=74&t=963325

electroera · #8 (**permalink**) 03/11/2009, 10:06

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!!