[Error]  Personalizar el header
* 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) Hol...


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:
Código PHP:
<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:
Código PHP:
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></amensajes 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!
1. En el img donde pone width="" acomódale según como va quedando, me entiendes? xD
Código PHP:
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></amensajes 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
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.

Ah vale:
Código PHP:
<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.
Puse esto en cuadro 1 pero se me deforma el foro y no logro visualizar mi imagen:

Código PHP:
<a href="http://www.facebook.com><img src=http://www.collisiongamers.com/forum/images/CG2/facebook.png></a> &nbsp;&nbsp; 
Código PHP:
<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
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:

Código PHP:
<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!
No, está bien xD

Puedes usar margin.
Listo, ahora si me quedó Smile

Le agregué lo siguiente:

Código PHP:
style="margin:9px" 

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