Ya que tienes idea de diseño, puedes intentar armarte un portal diseñando la plantilla, asi te quedara igual al ejemplo que pusiste. Te pondre como ejemplo el EZportal.
Mira, tienes que tener en cuenta el orden de carga de los .tpl.
Primero el
overall_header, despues del
portal.body.tpl, y por ultimo el
overall_footer.tpl.
Asi que vamos por parte, en el
overall_header le pones lo siguiente:
Código: Seleccionar todo
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><META NAME="Title" CONTENT="Ejércitos del Mundo">
<META NAME="Author" CONTENT="Ejércitos del Mundo.S.L">
<META NAME="Subject" CONTENT="Ejércitos, defensa y armamento">
<META NAME="Description" CONTENT="Ejércitos, Defensa y Armamento">
<META NAME="Keywords" CONTENT="Ejércitos, Defensa, Armamento, Foros, Fichas, Sistemas, Tecnología, Militar">
<META NAME="Generator" CONTENT="Dreamweaver">
<META NAME="Language" CONTENT="Spanish">
<META NAME="Revisit" CONTENT="1 day">
<META NAME="Distribution" CONTENT="Global">
<META NAME="Robots" CONTENT="All">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Ejércitos del Mundo - Inicio</title>
<style type="text/css">
<!--
body {
background-image: url(imagenes/back5.gif);
}
.Estilo26 { color: #FFFF00;
font-size: 9px;
font-family: Arial, Helvetica, sans-serif;
}
.Estilo27 {
color: #FFFF00;
font-weight: bold;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}
.Estilo28 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
text-indent: 25px;
display: block;
}
.Estilo41 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-indent: 25px;
display: block;
}
.Estilo49 {
color: #FFFF00;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
}
a {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFF00;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #FFFF00;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
-->
</style></head>
<body>
<p><a name="Superior" id="Superior"></a></p>
<table width="900" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<th height="125" colspan="3" scope="col"><img src="/imagenes/logo.gif" alt="Logo de Ejércitos del Mundo" width="900" height="125" /></th>
</tr>
<tr>
<td height="20" colspan="2"><span class="Estilo49"><a href="/index.php">>> Inicio</a><a href="index.php"></a></span></td>
<td width="140"><div align="right"><span class="Estilo26">
Sabado 28 de Octubre de 2006 </span></div></td>
</tr>
Ademas, tienes que poner poco a poco los elementos propios del foro dentro de tu encabezado.
Luego el archivo del portal (en EZ es el
portal.body.tpl que te viene en la carpeta del subSilver), y le pones lo siguiente:
Código: Seleccionar todo
<tr>
<td width="150" valign="top"><img src="/imagenes/navegador.gif" alt="Barra de Navegación" width="150" height="500" border="0" usemap="#Map2" />
<map name="Map2" id="Map2">
<area shape="rect" coords="3,462,147,496" href="registrarse.php" />
<area shape="rect" coords="5,441,149,461" href="servicios.php" />
<area shape="rect" coords="2,418,147,443" href="personal.php" />
<area shape="rect" coords="2,398,147,421" href="links.php" />
<area shape="rect" coords="1,349,147,375" href="articulos_actualidad.php" />
<area shape="rect" coords="2,326,147,352" href="articulos_sistemas.php" />
<area shape="rect" coords="2,309,147,330" href="articulos_ejercitos.php" />
<area shape="rect" coords="-2,290,148,312" href="articulos_historia.php" />
<area shape="rect" coords="8,237,141,265" href="sistemas_estrategicos.php" />
<area shape="rect" coords="9,217,141,239" href="sistemas_terrestres.php" />
<area shape="rect" coords="8,198,140,218" href="sistemas_navales.php" />
<area shape="rect" coords="9,179,142,200" href="sistemas_aereos.php" />
<area shape="rect" coords="10,128,142,150" href="publicaciones_sistemas.php" />
<area shape="rect" coords="11,108,143,130" href="publicaciones_ejercitos.php" />
<area shape="rect" coords="10,54,142,79" href="foro/index.php" target="_blank" />
<area shape="rect" coords="6,34,142,57" href="index.php" />
</map>
</td>
<td width="610" align="center" valign="top"><table width="580" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="40" background="/imagenes/nav_cent_sup.gif"><div align="center" class="Estilo27">NOVEDADES</div></td>
</tr>
<tr>
<td background="/imagenes/nav_cent.gif"><p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p></td>
</tr>
<tr>
<td height="40"><img src="/imagenes/nav_cent_inf_sub.gif" alt="Centro" width="580" height="40" border="0" usemap="#Map" /></td>
</tr>
</table></td>
<td width="140" align="center" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="140" height="270" background="imagenes/fond_cel_banner.gif"><div align="center"><a href="foro/index.php" target="_blank"><img src="imagenes/banner_portada.gif" alt="Alístate" width="120" height="250" border="0" /></a></div></td>
</tr>
</table>
<p><a href="/foro/login.php" target="_blank"><img src="/imagenes/enter.gif" alt="Entrar" width="140" height="200" border="0" /></a></p></td>
</tr>
<tr>
<td height="20" colspan="3"> </td>
</tr>
Y finalmente el
overall_footer.tpl:
Código: Seleccionar todo
<tr>
<td height="100" colspan="3"><img src="/imagenes/logo_inferior.gif" alt="Logo Inferior" width="900" height="100" border="0" usemap="#Map3" /></td>
</tr>
</table>
<map name="Map3" id="Map3"><area shape="rect" coords="805,2,897,29" href="contacto.php" />
</map>
<map name="Map" id="Map"><area shape="rect" coords="160,2,421,38" href="#Superior" />
</map>
</body>
</html>
Ahora solo te quedaria modificar los .tpl propios del foro, para que te queden iguales, (por eso tendras que trabajar bastante en eso.
Pero lo mas importante, es empezar a meter los elementos propios del foro/portal.
Asi que para los bloques de la izq, tendrias que meter lo siguiente (dentro del nuevo
portal.body.tpl):
Las etiqueta genmed sacala como quieras, asi pones el titulo del bloque con el estilo que a ti mas te guste.
Los elementos propios del bloque, puedes seguir poniendo los tuyos, osea todos los que pusiste en la barra de navegación.
Opcionalmente, pudes conservar los elementos que te vienen con el EZ:
etc.
EL bloque principal lo armas asi (dentro del td de 610px):
Código: Seleccionar todo
<!-- BEGIN welcome_text -->
<table width="100%" cellpadding="2" cellspacing="1" border="0" class="forumline">
<tr>
<td class="catHead" height="25"><span class="genmed"><b>{L_NAME_WELCOME}</b></span></td>
</tr>
<tr>
<td class="row1" align="left"><span class="gensmall" style="line-height:150%">{WELCOME_TEXT}<br /> </span></td>
</tr>
</table>
<br />
<!-- END welcome_text -->
<!-- BEGIN fetchpost_row -->
<table width="100%" cellpadding="2" cellspacing="1" border="0" class="forumline">
<tr>
<td class="catHead" height="25"><span class="genmed"><b>{L_ANNOUNCEMENT}: {fetchpost_row.TITLE}</b></span></td>
</tr>
<tr>
<td class="row2" align="left" height="24"><span class="gensmall">{L_POSTED}: <b>{fetchpost_row.POSTER}</b> @ {fetchpost_row.TIME}</span></td>
</tr>
<tr>
<td class="row1" align="left"><span class="gensmall" style="line-height:150%">{fetchpost_row.TEXT}<br /><br />{fetchpost_row.OPEN}<a href="{fetchpost_row.U_READ_FULL}">{fetchpost_row.L_READ_FULL}</a>{fetchpost_row.CLOSE}</span></td>
</tr>
<tr>
<td class="row3" align="left" height="24"><span class="gensmall">{L_COMMENTS}: {fetchpost_row.REPLIES} :: <a href="{fetchpost_row.U_VIEW_COMMENTS}">{L_VIEW_COMMENTS}</a> (<a href="{fetchpost_row.U_POST_COMMENT}">{L_POST_COMMENT}</a>)</span></td>
</tr>
</table>
<br />
<!-- END fetchpost_row -->
Fijate que esta lleno de etiquetas, asi que modificalas para que te quede igual al estilo de tu pagina.
Los bloques de la derecha, tendrias que armarlos igual que con los de la izquierda, pero metiendo (o no, dependiendo de tu gusto) los siguientes elementos:
La caja de login
Código: Seleccionar todo
<!-- BEGIN switch_user_logged_out -->
<form method="post" action="{S_LOGIN_ACTION}">
<table width="100%" cellpadding="2" cellspacing="1" border="0" class="forumline">
<tr>
<td class="catHead" height="25"><span class="genmed"><b>{L_LOGIN}</b></span></td>
</tr>
<tr>
<td class="row1"><span class="gensmall" style="line-height=150%">
<input type="hidden" name="redirect" value="{U_PORTAL}" />
{L_USERNAME}:<br /><input class="text" type="text" name="username" size="15" /><br />
{L_PASSWORD}:<br /><input class="text" type="password" name="password" size="15" /><br />
<input class="text" type="checkbox" name="autologin" /> {L_REMEMBER_ME}<br/>
<input type="submit" class="mainoption" name="login" value="{L_LOGIN}" /><br /><br /><a href="{U_SEND_PASSWORD}">{L_SEND_PASSWORD}</a><br /><br />{L_REGISTER_NEW_ACCOUNT}<br /> </span></td>
</tr>
</table>
</form>
<!-- END switch_user_logged_out -->
EL mensaje de entrada
Código: Seleccionar todo
<table width="100%" cellpadding="2" cellspacing="1" border="0" class="forumline">
<tr>
<td class="catHead" height="25"><span class="genmed"><b>{L_NAME_WELCOME} {U_NAME_LINK}</b></span></td>
</tr>
<tr>
<td class="row1" align="left"><span class="gensmall">
<!-- BEGIN switch_user_logged_in -->
<div align="center"><br />{AVATAR_IMG}</div>
<br />{LAST_VISIT_DATE}<br /><br />
<a href="{U_SEARCH_NEW}" class="gensmall">{L_SEARCH_NEW}</a><br />
<!-- END switch_user_logged_in -->
<br />{CURRENT_TIME}<br /><br />{S_TIMEZONE}</span>
</td>
</tr>
</table>
Quien esta en linea:
Código: Seleccionar todo
<table width="100%" cellpadding="2" cellspacing="1" border="0" class="forumline">
<tr>
<td class="catHead" height="25"><span class="genmed"><b>{L_WHO_IS_ONLINE}</b></span></td>
</tr>
<tr>
<td class="row1" align="left"><span class="gensmall">{TOTAL_USERS_ONLINE}<br /><br />{LOGGED_IN_USER_LIST}<br /><br /></span><div align="center" class="gensmall">[ <a href="{U_VIEWONLINE}">{L_VIEW_COMPLETE_LIST}</a> ]</div><span class="gensmall"><br />{RECORD_USERS}<br /> </span></td>
</tr>
</table>
Etc, etc, etc,
Tu cambiales los estilos a esas tablas, o borra las tablas y trabaja con divs si te gusta mas.
Aparte, puedes meter lo que quieras, como el chat.
Me falto el overall_header y el footer. Es igual que antes, solo que los elementos que tienes que incorporar son los del hoverall_header.tpl original y el overall_footer.tpl original.
Mmmm, ahora que lo reviso el post me quedo mas complicado de lo que pensaba, fijate si me entinedes, que sino te armo un tutorial mejor.