Alinear/ordenar modulos del foro
Buenas a todos, espero que tengan un buen dia!. Los molesto por lo siguiente, tengo el foro desordenado y me gustaria poder mover el modulo del chat...

Buenas a todos, espero que tengan un buen dia!.
Los molesto por lo siguiente, tengo el foro desordenado y me gustaria poder mover el modulo del chat y colocarlo en un espacio que me quedo en blanco.
El codigo que uso para la caja del chat es el siguiente.
Código:
<html>
<head>
<title></title>
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td class="thead"><strong>Titulo</strong></td>
</tr>
<tr>
<td class="trow1" align="center">//contenido</td>
</tr>
</table>
</head>
<body>
&nbsp;
</body>
</html>
El cual se inserta en Plantillas > index.

El lugar donde quiero mover el chat es este:


Estuve probando/jugando con el codigo, lo unico que pude hacer fue alinear el chat a la izquierda, pero no puedo hacer que suba y se posiciones donde quiero. Por favor, alguna idea??.

Nota: Si desactivo el plugin Side Boxses! se acomoda para arriba, pero me gustaria porlo usar y no tener este problema.


saludos!
Última modificación: 21 Sep, 2013, 3:53 pm por Cluster.
He visitado el foro y el hueco ese grande para poner el chat no está.
(19 Jun, 2012, 8:57 am)vcode escribió: He visitado el foro y el hueco ese grande para poner el chat no está.

Hola, gracias por contestar, eso pasa por que desactive opciones del "Side Boxses!" pero me gustaria poderlas acvtivar nuevamente, parece que al estirarse los box se corre el chat hacia abajo, yo quisiera poder poner el chat ocupando ese espacio en blanco, como se ve en la captura.

saludos
Ok, Activalas de nuevo y podemos ir probando.

Donde has insertado el código para el chatbox? Has modificado alguna plantilla para ponerlo?
Hola Vcode, gracias por contestar!!!, ahi active el resto de los Boxes para que se vea bien el problema.

Aca dejo el index entero del foro: Portada » Sets de plantillas » Apart Night Templates > Editar plantilla: index

Código:
<html>
<head>
<title>{$mybb->settings['bbname']}</title>
{$headerinclude}
<script type="text/javascript">
<!--
    lang.no_new_posts = "{$lang->no_new_posts}";
    lang.click_mark_read = "{$lang->click_mark_read}";
// -->
</script>
</head>
<body>
{$header}
{$iadh}
{$ps_header_index}

<table width="100%"  border="0">
  <tr>
    <td width="75%" valign="top">{$forums}</td>
    <td width="25%" valign="top">{$sb_welcome}{$sb_search}{$sb_stats}{$sb_latestthreads}{$sb_additional}</td>
  </tr>
</table>

<table width="140" valign="top" align="left" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}"class="tborder">
<tr>
<td class="thead"><strong>Chat Box</strong></td>
</tr>
<tr>
<td class="trow1" align="left"><embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="540" height="405" name="chat" FlashVars="id=176440520" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" /><br><small><a target="_BLANK" href="http://xat.com/web_gear/?cb">Get your own Chat Box!</a> <a target="_BLANK" href="http://xat.com/web_gear/chat/go_large.php?id=176440520">Go Large!</a></small><br>
</td>
</tr>
</table>

{$ps_footer_index}
{$iadf}
{$boardstats}
<dl class="forum_legend smalltext">
    <dt><img src="{$theme['imgdir']}/on.gif" alt="{$lang->new_posts}" title="{$lang->new_posts}" style="vertical-align: middle; padding-bottom: 4px;" /></dt>
    <dd>{$lang->new_posts}</dd>

    <dt><img src="{$theme['imgdir']}/off.gif" alt="{$lang->no_new_posts}" title="{$lang->no_new_posts}" style="vertical-align: middle; padding-bottom: 4px;" /></dt>
    <dd>{$lang->no_new_posts}</dd>

    <dt><img src="{$theme['imgdir']}/offlock.gif" alt="{$lang->forum_locked}" title="{$lang->forum_locked}" style="vertical-align: middle;" /></dt>
    <dd>{$lang->forum_locked}</dd>
</dl>
<br style="clear: both" />
{$footer}
</body>
</html>

Saludos y gracias por la ayuda!
Veamos,

Haz una copia de seguridad de tu plantilla index y copia este código:
Código PHP:
<html>
<
head>
<
title>{$mybb->settings['bbname']}</title>
{
$headerinclude}
<
script type="text/javascript">
<!--
    
lang.no_new_posts "{$lang->no_new_posts}";
    
lang.click_mark_read "{$lang->click_mark_read}";
// -->
</script>
</
head>
<
body>
{
$header}
{
$iadh}
{
$ps_header_index}

<
table width="100%"  border="0">
  <
tr>
    <
td width="75%" valign="top">{$forums}</td>
    <
td width="25%" valign="top" rowspan="2">{$sb_welcome}{$sb_search}{$sb_stats}{$sb_latestthreads}{$sb_additional}</td>
  </
tr>
<
tr>
<
td class="trow1" align="left" valign="top"><embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="540" height="405" name="chat" FlashVars="id=176440520" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" /><br><small><a target="_BLANK" href="http://xat.com/web_gear/?cb">Get your own Chat Box!</a> <a target="_BLANK" href="http://xat.com/web_gear/chat/go_large.php?id=176440520">Go Large!</a></small><br>
</
td>
</
tr>
</
table>

{
$ps_footer_index}
{
$iadf}
{
$boardstats}
<
dl class="forum_legend smalltext">
    <
dt><img src="{$theme['imgdir']}/on.gif" alt="{$lang->new_posts}title="{$lang->new_posts}style="vertical-align: middle; padding-bottom: 4px;" /></dt>
    <
dd>{$lang->new_posts}</dd>

    <
dt><img src="{$theme['imgdir']}/off.gif" alt="{$lang->no_new_posts}title="{$lang->no_new_posts}style="vertical-align: middle; padding-bottom: 4px;" /></dt>
    <
dd>{$lang->no_new_posts}</dd>

    <
dt><img src="{$theme['imgdir']}/offlock.gif" alt="{$lang->forum_locked}title="{$lang->forum_locked}style="vertical-align: middle;" /></dt>
    <
dd>{$lang->forum_locked}</dd>
</
dl>
<
br style="clear: both" />
{
$footer}
</
body>
</
html

Básicamente, lo que he hecho es anular la tabla con el chat y añadir una nueva fila a la tabla de los foros con el código del chat.

Con esos cambios se ve así:


Ya me dices.
Un saludo.
Última modificación: 21 Sep, 2013, 3:52 pm por Cluster.
(19 Jun, 2012, 11:15 am)vcode escribió: Veamos,

Haz una copia de seguridad de tu plantilla index y copia este código:
Código PHP:
<html>
<
head>
<
title>{$mybb->settings['bbname']}</title>
{
$headerinclude}
<
script type="text/javascript">
<!--
    
lang.no_new_posts "{$lang->no_new_posts}";
    
lang.click_mark_read "{$lang->click_mark_read}";
// -->
</script>
</
head>
<
body>
{
$header}
{
$iadh}
{
$ps_header_index}

<
table width="100%"  border="0">
  <
tr>
    <
td width="75%" valign="top">{$forums}</td>
    <
td width="25%" valign="top" rowspan="2">{$sb_welcome}{$sb_search}{$sb_stats}{$sb_latestthreads}{$sb_additional}</td>
  </
tr>
<
tr>
<
td class="trow1" align="left" valign="top"><embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="540" height="405" name="chat" FlashVars="id=176440520" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" /><br><small><a target="_BLANK" href="http://xat.com/web_gear/?cb">Get your own Chat Box!</a> <a target="_BLANK" href="http://xat.com/web_gear/chat/go_large.php?id=176440520">Go Large!</a></small><br>
</
td>
</
tr>
</
table>

{
$ps_footer_index}
{
$iadf}
{
$boardstats}
<
dl class="forum_legend smalltext">
    <
dt><img src="{$theme['imgdir']}/on.gif" alt="{$lang->new_posts}title="{$lang->new_posts}style="vertical-align: middle; padding-bottom: 4px;" /></dt>
    <
dd>{$lang->new_posts}</dd>

    <
dt><img src="{$theme['imgdir']}/off.gif" alt="{$lang->no_new_posts}title="{$lang->no_new_posts}style="vertical-align: middle; padding-bottom: 4px;" /></dt>
    <
dd>{$lang->no_new_posts}</dd>

    <
dt><img src="{$theme['imgdir']}/offlock.gif" alt="{$lang->forum_locked}title="{$lang->forum_locked}style="vertical-align: middle;" /></dt>
    <
dd>{$lang->forum_locked}</dd>
</
dl>
<
br style="clear: both" />
{
$footer}
</
body>
</
html

Básicamente, lo que he hecho es anular la tabla con el chat y añadir una nueva fila a la tabla de los foros con el código del chat.

Con esos cambios se ve así:


Ya me dices.
Un saludo.
GRACIASSS SOS UN CAPO VCODE!!! ahora quedo perfecto, ahi lo centre y lo puse en el medio asi ocupa mejor el lugar. Ahora voy a mirar el codigo dentenidamente asi aprendo como hacerlo, Muchas gracias amigo!.

Pueden cerrar el post, ya esta resuleto.. Saludos y gracias a todos por la ayuda!!
Última modificación: 21 Sep, 2013, 3:52 pm por Cluster.