[Error]  Cambiar Header Constanz de Visitante y Usuario
* URL del foro: http://localhost/Foro/index.php * Versión del foro: 1.6.1 * Actualización: Cambio de theme a Constanz Hola, bueno en realidad soy ...


Hola, bueno en realidad soy nuevo en esto de los foros, nunca había instalado ni administrado ninguno hasta que me nació la idea de realizar uno y probé distintas plataformas para foros y me quedé con esta que me gusta mucho, digo esto para que sepan que en realidad soy un completo neófito en esto y disculpen las molestias si no entiendo algo de primera instancia aunque haré mi mejor esfuerzo para comprender sus sugerencias.

El caso es que encontré el theme Constanz en este foro [url del tema] y me pareció muy bueno, aunque aún quería realizar algunas modificaciones para que quedara como esperaba. La primera de ellas es sobre el Header o Panel superior (que no estoy muy seguro como es que se llama a esa parte específica) Que es la parte de arriba justo debajo del logo donde dice esto: ¡Hola, Invitado! (Iniciar sesión — Regístrate)

El caso es que para poder iniciar sesión es necesario darle click en donde dice Iniciar sesión, y en realidad quería cambiar la apariencia entera para que se vea como el archivo adjunto llamado "panel superior visitante" que he adjuntado en este tema. Me refiero sólo a la estructura básica que es el login listo a la derecha, el menú del foro a la izquierda y dentro del mismo recuadro que se aprecia en el tema Constanz agregar la barra de color oscuro con las demás opciones dentro.
[attachment=1746]

Lo mismo sería para lo que se muestra al momento de ingresar con su propia cuenta al foro, como aparece en cuanto se ha iniciado sesión(archivo adjunto "Panel superior usuario"): El avatar, la bienvenida con el nick del usuario, fecha de la última visita, notificaciones y bandeja de entrada a la derecha. Menú del foro a la izquierda. Y la franja oscura con las demás opciones abajo.
[attachment=1741]

No se como mover la estructura ni de donde obtener los datos correspondientes. Me gusta las esquinas redondeadas del tema y las imágenes son sólo demostrativas para ilustrar lo que busco ya que no quisiera alterar demasiado el estilo del tema que la verdad está muy bonito, tampoco pienso quitar los créditos ni nada ya que todo esfuerzo debe ser reconocido. Gracias de antemano por su tiempo y si no me he explicado correctamente háganmelo saber para tratar de expresarme mejor.
Última modificación: 7 Mar, 2011, 8:42 pm por DNG3.
Veamos, para ello hay dos plantillas. Una para los invitados (header_welcomeblock_guest) y otra para los miembros (header_welcomeblock_member).

Esas plantillas las podrás encontrar en: Panel de administración > Estilos y plantillas > Plantillas > Nombre del theme > Cabecera - Plantillas > La plantilla

Ahí pues ya tendrías que jugar con el HTML. Podrías por ejemplo poner una tabla, y dentro de ella hacer las celdas para poner las cosas que quieras.


PD: El dato de soporte "Actualización" es para poner si actualizaste la versión de MyBB, no cambios de themes o así. Me explico, sería por ejemplo para poner: "Desde las 1.6.0 a la 1.6.1" o "Ninguna" o "Desde la 1.6.0 - 1.6.1 - 1.6.2". Smile
Última modificación: 8 Mar, 2011, 4:40 am por Cluster.
Muchas gracias por las indicaciones, voy a mover las cosas donde me indicaste y en cuanto tenga un resultado aviso y pongo un pantallazo de como me ha quedado, si aún tengo alguna duda sobre eso lo posteo en este mismo tema. Gracias también por explicarme de que se trataba la actualización Big Grin
(8 Mar, 2011, 7:30 pm)augusto escribió: Muchas gracias por las indicaciones, voy a mover las cosas donde me indicaste y en cuanto tenga un resultado aviso y pongo un pantallazo de como me ha quedado, si aún tengo alguna duda sobre eso lo posteo en este mismo tema. Gracias también por explicarme de que se trataba la actualización Big Grin

De nada, para eso estamos. ^^
Y de lo que sea tu avisa y tratamos de que consigas un buen resultado.
Ya va tomando forma Smile Aunque quisiera saber ¿Como jalo el Avatar para ser mostrado en el Header?
No estoy seguro de que funciona, pero prueba con este código:

Código:
<img src="{$mybb->user['avatar']}" alt="" width="80px" height="80px" />
(10 Mar, 2011, 11:54 am)abdonroda escribió: No estoy seguro de que funciona, pero prueba con este código:

Código:
<img src="{$mybb->user['avatar']}" alt="" width="80px" height="80px" />

Gracias, me sirvió perfecto Big Grin

Ahora ya tengo la estructura del Header tal y como la quería, pero tengo un par de cosas que aún quiero mover.

Me gusta como ha quedado pero quisiera que la caja que rodea ambas partes del Header desaparezca, donde y que podría mover para hacer que sólo quedaran las dos tablas que he modificado, y como hago además para que esas tablas estén juntas y no separadas como se observa en las imágenes que he adjuntado, para no dar la impresión que el menú en negro flota separado de lo que está arriba.

Ocurre también que quisiera reducir dentro del header de visitante las cajas de texto para el login a la mitad o al menos reducirlas un poco y además quitar el texto y los puntos que traen por defecto en las mismas, no se si me explico bien por lo que estoy adjuntando una imagen de como me ha quedado, también quisiera editar lo que se muestra con este ¿comando, contenedor de texto? {$lang->username} ya que como verán en la imagen dice "Nombre de Usuario:" y quisiera cambiar por algo más corto, como "Nick" nada más

[attachment=1903]

Otra cosa que me gustaría cambiar es el doble menú de navegación, no se donde ubico el otro menú que se muestra en esta otra imagen para sacarlo de ahí y que se conserve el que tengo en el Header únicamente

[attachment=1902]

Nuevamente gracias por su tiempo y apoyo, si hay algo que no he explicado correctamente háganmelo saber por favor.
Última modificación: 10 Mar, 2011, 2:59 pm por DNG3.
(10 Mar, 2011, 2:39 pm)augusto escribió: Me gusta como ha quedado pero quisiera que la caja que rodea ambas partes del Header desaparezca, donde y que podría mover para hacer que sólo quedaran las dos tablas que he modificado, y como hago además para que esas tablas estén juntas y no separadas como se observa en las imágenes que he adjuntado, para no dar la impresión que el menú en negro flota separado de lo que está arriba.

Pon el código de eso, porque depende de cómo lo hayas hecho. Smile


(10 Mar, 2011, 2:39 pm)augusto escribió: Ocurre también que quisiera reducir dentro del header de visitante las cajas de texto para el login a la mitad o al menos reducirlas un poco y además quitar el texto y los puntos que traen por defecto en las mismas, no se si me explico bien por lo que estoy adjuntando una imagen de como me ha quedado, también quisiera editar lo que se muestra con este ¿comando, contenedor de texto? {$lang->username} ya que como verán en la imagen dice "Nombre de Usuario:" y quisiera cambiar por algo más corto, como "Nick" nada más

Para las cajas creo que tendrías que ponerle un style="width: Xpx; height:Xpx;". Pero no estoy seguro.

Para el texto... Simplemente cambia {$lang->username} por Nick. Sino tendrías que desde el ACP buscar ese archivo de lenguaje y editarlo.


(10 Mar, 2011, 2:39 pm)augusto escribió: Otra cosa que me gustaría cambiar es el doble menú de navegación, no se donde ubico el otro menú que se muestra en esta otra imagen para sacarlo de ahí y que se conserve el que tengo en el Header únicamente

En la plantilla header debe haber un <navigation>, quítalo.
(10 Mar, 2011, 3:13 pm)abdonroda escribió:
(10 Mar, 2011, 2:39 pm)augusto escribió: Me gusta como ha quedado pero quisiera que la caja que rodea ambas partes del Header desaparezca, donde y que podría mover para hacer que sólo quedaran las dos tablas que he modificado, y como hago además para que esas tablas estén juntas y no separadas como se observa en las imágenes que he adjuntado, para no dar la impresión que el menú en negro flota separado de lo que está arriba.

Pon el código de eso, porque depende de cómo lo hayas hecho. Smile
Esto es lo que he modificado en el header del visitante, al final lo dejé sin leyendas ya que estaba por defecto el nombre y los círculos, si más adelante puedo cambiarlo lo pensaré.
Código:
<table border="0" cellspacing="$theme[borderwidth]" cellpadding="$theme[tablespace]" class="tborder">

<tr>

<td class="trow1" width="80%">

<navigation>

</td>

&nbsp;
<td width="20%" class="trow2">

<form action="member.php" method="post">

<input type="hidden" name="action" value="do_login" />

<span style="float: right;"><input type="text" class="textbox" name="username" title="{$lang->login_username}" value="{$lang->login_username}" onfocus="this.value=''" /></span><br />

<span style="float: right;"><input type="password" class="textbox" name="password" title="{$lang->login_password}" value="{$lang->login_password}" onfocus="this.value=''" /></span><br />

<span style="float: right;"><input type="submit" class="button" name="submit" value="{$lang->welcome_login}" />

<input type="checkbox" name="remember" id="remember" value="yes" checked="checked"&nbsp; /><label for="remember">Recordar</label></span><br />

</form>

</td>

</tr>

</table>

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">

<tr>

<td class="thead" align="center">

<a href="{$mybb->settings['bburl']}/member.php?action=register"><b>{$lang->welcome_register}</b></a>

</td>

&nbsp;
<td class="thead" align="center">

<a href="{$mybb->settings['bburl']}/search.php?action=getdaily" style="cursor: pointer;" id="posts_{$post['pid']}"><b>Temas de Hoy</b></a>

</td>

&nbsp;
<td class="thead" align="center">

<a href="{$mybb->settings['bburl']}/calendar.php"><b>{$lang->toplinks_calendar}</b></a>

</td>

&nbsp;
<td class="thead" align="center">

<a href="{$mybb->settings['bburl']}/search.php"><b>{$lang->toplinks_search}</b></a>

</td>

&nbsp;
<td class="thead" align="center">

<a href="{$mybb->settings['bburl']}/misc.php?action=help"><b>{$lang->toplinks_help}</b></a>

</td>

</table>

En el header que solo dice "header" tiene esto, lo único que moví fue aquí fue el enlace al panel de control del usuario y borré el <navigation>que estaba por abajo, los enlaces al modcp y al admincp intenté agregarlos en el menú negro para que cuando se logueen administradores o moderadores aparezcan en su propio menú pero me sale el menú de miembro normal sin importar lo que mueva así que asumo que tendré que mover los <div> o en su defecto las etiquetas <a> que enlazan a los paneles de control de moderador y administrador a otro lado que encuentre más conveniente para lo que busco. No se si a esto era a lo que te referías.
Código:
<div class="panelizq1"><a href="{$mybb->settings['bburl']}/modcp.php"><img src="images/modcp.png" /></a></div>
<div class="panelizq3"><a href="{$mybb->settings['bburl']}/admin/index.php"><img src="images/admincp.png" /></a></div>
<div id="container">
        <a name="top" id="top"></a>
        <div id="header">
            <center><div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div></center><br/><br/>
            <hr class="hidden" />
            <div id="panel">
                {$welcomeblock}
&nbsp;        </div>
        </div>
        <hr class="hidden" />
        <br class="clear" />
        <div id="content">
            {$pm_notice}
            {$bannedwarning}
            {$bbclosedwarning}
            {$unreadreports}
            {$pending_joinrequests}
            <br />

(10 Mar, 2011, 3:13 pm)abdonroda escribió:
(10 Mar, 2011, 2:39 pm)augusto escribió: Ocurre también que quisiera reducir dentro del header de visitante las cajas de texto para el login a la mitad o al menos reducirlas un poco y además quitar el texto y los puntos que traen por defecto en las mismas, no se si me explico bien por lo que estoy adjuntando una imagen de como me ha quedado, también quisiera editar lo que se muestra con este ¿comando, contenedor de texto? {$lang->username} ya que como verán en la imagen dice "Nombre de Usuario:" y quisiera cambiar por algo más corto, como "Nick" nada más

Para las cajas creo que tendrías que ponerle un style="width: Xpx; height:Xpx;". Pero no estoy seguro.

Para el texto... Simplemente cambia {$lang->username} por Nick. Sino tendrías que desde el ACP buscar ese archivo de lenguaje y editarlo.
Probé lo de las cajas, va perfecto, puedes moverlo como desees con ese código Big Grin
Lo de reemplazar el archivo de lenguaje también me sirvió aunque terminé suprimiéndolo al final. Aunque ahora se como se llama y si tengo que mover otro archivo de lenguaje ya se como consultarlo o buscarlo Big Grin

(10 Mar, 2011, 3:13 pm)abdonroda escribió:
(10 Mar, 2011, 2:39 pm)augusto escribió: Otra cosa que me gustaría cambiar es el doble menú de navegación, no se donde ubico el otro menú que se muestra en esta otra imagen para sacarlo de ahí y que se conserve el que tengo en el Header únicamente

En la plantilla header debe haber un <navigation>, quítalo.
Gracias, ahí lo encontré y borré. Por cierto si quisiera editar su presentación ¿Donde podría mover su código?
Donde sale esto:
Código:
<div id="panel">
                {$welcomeblock}
&nbsp;        </div>

Déjalo así:

Código:
{$welcomeblock}


A qué le llamas presentación?
Última modificación: 11 Mar, 2011, 1:25 am por Cluster.