Personalizar el header

hollymaN ~ 6 Aug, 2011, 11:44 pm

URL del foro: http://www.collisiongamers.com/forum
Versión del foro: 1.6.4
Actualización: 1.6.4

Tema instalado: Gaming Jam (modificado)

Hola gente, me surgieron dos dudas las cuales se las enumeré en la siguiente imagen:

[Imagen: pOyvR.png]

1) Quisiera saber si es posible donde hice el cuadrado junto al nick, agregar que se vea el avatar del usuario.. de un tamaño pequeño, respetando las medidas actuales. Pensé que le daría un poco mas de onda y estilo.

2) Necesitaría reemplazar la barra de búsqueda por tres botones de pequeño tamaño también.
Necesito que haciendo click en el botón que serían tres imágenes diferentes vaya a cierta url.

Me podrían ayudar? He intentado con los botones pero solo aparece texto. Necesito que estén del lado derecho.

Les dejo las plantillas:

header:

<div id="glow-bg">
<div id="header">
	<a name="top" id="top"></a>
	<div id="headmenu">
		<div class="right">
			<div class="left">
				<div id="panel">
					{$welcomeblock}
				</div>
			</div>
		</div>
	</div>

	<div class="logo">
		<a href="{$mybb->settings['bburl']}/portal.php">
			<img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" />
		</a>
	</div>
</div>

<div id="menu">
	<div class="right">
		<div class="left">
<form method="post" action="{$mybb->settings['bburl']}/search.php" class="float_right navForm">
<input type="hidden" name="action" value="do_search" />
<input type="hidden" name="postthread" value="1" />
<input type="hidden" name="forums" value="all" />
<input type="hidden" name="showresults" value="threads" />
<input type="text" class="textbox" name="keywords" value="Search..." onfocus="if(this.value !== '') { this.value=''; }" onblur="if(this.value == '') { this.value='Search...'; }" />
<input value="Search" name="submit" id="search_button" type="submit">
</form>
			<ul>
                                                        <li><a href="{$mybb->settings['bburl']}/portal.php">Principal</a></li>
				<li><a href="{$mybb->settings['bburl']}/index.php">Foro</a></li>
                                                        <li><a href="{$mybb->settings['bburl']}/search.php">{$lang->toplinks_search}</a></li>
				<li><a href="{$mybb->settings['bburl']}/memberlist.php">{$lang->toplinks_memberlist}</a></li>
				<li><a href="{$mybb->settings['bburl']}/calendar.php">{$lang->toplinks_calendar}</a></li>
				<li><a href="{$mybb->settings['bburl']}/misc.php?action=help">{$lang->toplinks_help}</a></li>
			</ul>
		</div>
	</div>
</div>

<div id="container">
	<div id="content">
		{$pm_notice}
		{$bannedwarning}
		{$bbclosedwarning}
		{$unreadreports}
		{$pending_joinrequests}
		<navigation>
		<br />

header_welcomeblock_member:

Bienvenido <a href="{$mybb->settings['bburl']}/member.php?action=profile&uid={$mybb->user['uid']}" title="Ingresa a tu perfil">{$mybb->user['username']}</a>. Tienes <a href="{$mybb->settings['bburl']}/private.php"><span>{$mybb->user['pms_unread']}</span></a> mensajes privados nuevos.

<span class="float_right">
	<a href="{$mybb->settings['bburl']}/usercp.php"><strong>{$lang->welcome_usercp}</strong></a></li> -
	
	{$modcplink}
	
	{$admincplink}
	
	<a href="{$mybb->settings['bburl']}/search.php?action=getnew">{$lang->welcome_newposts}</a> - 
	
	<a href="{$mybb->settings['bburl']}/search.php?action=getdaily">{$lang->welcome_todaysposts}</a> - 
	
	<a href="{$mybb->settings['bburl']}/member.php?action=logout&amp;logoutkey={$mybb->user['logoutkey']}">{$lang->welcome_logout}</a>
</span>

Saludos y gracias!

Gypaete 7 Aug, 2011, 5:29 am

1. En el img donde pone width="" acomódale según como va quedando, me entiendes? xD

Bienvenido <a href="{$mybb->settings['bburl']}/member.php?action=profile&uid={$mybb->user['uid']}" title="Ingresa a tu perfil">{$mybb->user['username']}</a>.
<img src="{$mybb->user['avatar']}" alt="" title="{$mybb->user['username']}" height="46px" width="" style="vertical-align:middle;" /> Tienes <a href="{$mybb->settings['bburl']}/private.php"><span>{$mybb->user['pms_unread']}</span></a> mensajes privados nuevos.

<span class="float_right">
    <a href="{$mybb->settings['bburl']}/usercp.php"><strong>{$lang->welcome_usercp}</strong></a></li> -
    
    {$modcplink}
    
    {$admincplink}
    
    <a href="{$mybb->settings['bburl']}/search.php?action=getnew">{$lang->welcome_newposts}</a> - 
    
    <a href="{$mybb->settings['bburl']}/search.php?action=getdaily">{$lang->welcome_todaysposts}</a> - 
    
    <a href="{$mybb->settings['bburl']}/member.php?action=logout&amp;logoutkey={$mybb->user['logoutkey']}">{$lang->welcome_logout}</a>
</span>

2. No te entiendo xD

hollymaN ~ 7 Aug, 2011, 6:14 am

Me quedó muy bien, gracias nuevamente..

[Imagen: N199i.png]

Al punto 2 me refería donde hice los tres cuadrados rojos, necesito poner 3 imágenes de 30x30px y que cada imagen lleve a tres páginas diferentes, como lo es un grupo de Facebook, un grupo de Steam o Youtube.

Gypaete 7 Aug, 2011, 7:49 am

Ah vale:

<div id="glow-bg">
<div id="header">
    <a name="top" id="top"></a>
    <div id="headmenu">
        <div class="right">
            <div class="left">
                <div id="panel">
                    {$welcomeblock}
                </div>
            </div>
        </div>
    </div>

    <div class="logo">
        <a href="{$mybb->settings['bburl']}/portal.php">
            <img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" />
        </a>
    </div>
</div>

<div id="menu">
    <div class="right">
        <div class="left">
<div class="float_right">
CUADRO 1 &nbsp;&nbsp;
CUADRO 2 &nbsp;&nbsp;
CUADRO 3 &nbsp;&nbsp;
</div>
            <ul>
                                                        <li><a href="{$mybb->settings['bburl']}/portal.php">Principal</a></li>
                <li><a href="{$mybb->settings['bburl']}/index.php">Foro</a></li>
                                                        <li><a href="{$mybb->settings['bburl']}/search.php">{$lang->toplinks_search}</a></li>
                <li><a href="{$mybb->settings['bburl']}/memberlist.php">{$lang->toplinks_memberlist}</a></li>
                <li><a href="{$mybb->settings['bburl']}/calendar.php">{$lang->toplinks_calendar}</a></li>
                <li><a href="{$mybb->settings['bburl']}/misc.php?action=help">{$lang->toplinks_help}</a></li>
            </ul>
        </div>
    </div>
</div>

<div id="container">
    <div id="content">
        {$pm_notice}
        {$bannedwarning}
        {$bbclosedwarning}
        {$unreadreports}
        {$pending_joinrequests}
        <navigation>
        <br />

Donde pone "CUADRO 1" es ahí donde tienes que introducir los códigos, que espero que los tengas si no los busco y te los pongo.

hollymaN ~ 7 Aug, 2011, 4:04 pm

Puse esto en cuadro 1 pero se me deforma el foro y no logro visualizar mi imagen:

<a href="http://www.facebook.com><img src=http://www.collisiongamers.com/forum/images/CG2/facebook.png></a> &nbsp;&nbsp;

Gypaete 7 Aug, 2011, 6:22 pm

<div id="glow-bg">
<div id="header">
    <a name="top" id="top"></a>
    <div id="headmenu">
        <div class="right">
            <div class="left">
                <div id="panel">
                    {$welcomeblock}
                </div>
            </div>
        </div>
    </div>

    <div class="logo">
        <a href="{$mybb->settings['bburl']}/portal.php">
            <img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" />
        </a>
    </div>
</div>

<div id="menu">
    <div class="right">
        <div class="left">
<div class="float_right">
<a href="http://www.facebook.com"><img src="http://www.collisiongamers.com/forum/images/CG2/facebook.png" height="40px" width="40px" /></a> &nbsp;&nbsp; 
CUADRO 2 &nbsp;&nbsp;
CUADRO 3 &nbsp;&nbsp;
</div>
            <ul>
                                                        <li><a href="{$mybb->settings['bburl']}/portal.php">Principal</a></li>
                <li><a href="{$mybb->settings['bburl']}/index.php">Foro</a></li>
                                                        <li><a href="{$mybb->settings['bburl']}/search.php">{$lang->toplinks_search}</a></li>
                <li><a href="{$mybb->settings['bburl']}/memberlist.php">{$lang->toplinks_memberlist}</a></li>
                <li><a href="{$mybb->settings['bburl']}/calendar.php">{$lang->toplinks_calendar}</a></li>
                <li><a href="{$mybb->settings['bburl']}/misc.php?action=help">{$lang->toplinks_help}</a></li>
            </ul>
        </div>
    </div>
</div>

<div id="container">
    <div id="content">
        {$pm_notice}
        {$bannedwarning}
        {$bbclosedwarning}
        {$unreadreports}
        {$pending_joinrequests}
        <navigation>
        <br />

Prueba con ese, aprende HTML Wink

hollymaN ~ 7 Aug, 2011, 9:03 pm

Si, debo aprender HTML.. es algo que voy a hacer luego que termine con este foro.
Estuve viendo tutoriales y demás, aplicaré bien las cosas cuando empiece con el nuevo foro que seguramente me lleve algunos meses..

Te hago una última pregunta, para que se quede centrada la imagen en el medio hice esto pero evidentemente algo está mal:

<a href="http://www.facebook.com"><img src="http://www.collisiongamers.com/forum/images/CG2/facebook.png" height="25px" width="25px" style="vertical-align:middle;" /></a> &nbsp; &nbsp;

Disculpá las molestias y gracias por toda la paciencia!

Gypaete 8 Aug, 2011, 7:17 am

No, está bien xD

Puedes usar margin.

hollymaN ~ 8 Aug, 2011, 1:47 pm

Listo, ahora si me quedó Smile

Le agregué lo siguiente:

style="margin:9px"

Muchas gracias!
Saludos!

Última modificación: 8 Aug, 2011, 1:48 pm por fxyee.

[Error] Personalizar el header