phpBB España Oficial

Publicado: **11 Oct 2014, 15:59**

Como agregar un menu en el header como en flying-bits.org lo primero que haremos sera:

Abrir el styles/prosilver/theme/common.css y hasta el final

Agregar:

Código: Seleccionar todo

    a.menu-link {
       background-image: url("{T_THEME_PATH}/images/arrow_right.gif");
       font-weight: bold;
       color: #FFFFFF;
    }

    a.menu-link:hover {
       background-position: 6px 60%;
       color: #A8D8FF;
    }

    div.menu-block {
       border-left: #FFFFFF solid 1px;
       padding-left: 10px;
    }

    div.menu-row-first {
       border-bottom: 1px solid #0084CC;
       padding-top: 4px;
       padding-left: 4px;
       padding-bottom: 4px;
    }

    div.menu-row {
       border-top: 1px solid #26B7FF;
       border-bottom: 1px solid #0084CC;
       padding-top: 4px;
       padding-left: 4px;
       padding-bottom: 4px;
    }

    div.menu-row-last {
       border-top: 1px solid #26B7FF;
       padding-top: 4px;
       padding-left: 4px;
       padding-bottom: 4px;
    }

Abrir: styles/prosilver/template/overall_header.html

Buscar:

Código: Seleccionar todo

<div class="headerbar">
         <div class="inner"><span class="corners-top"><span></span></span>

Despues agrega:

Código: Seleccionar todo

          <div class="menu-block" style="float: {S_CONTENT_FLOW_END}; width: 19%;">
             <div class="menu-row-first"><a class="left menu-link" href="{U_MEMBERLIST}">{L_MEMBERLIST}</a></div>
             <div class="menu-row"><a class="left menu-link" href="{U_COMMUNITY}">{L_INDEX}</a></div>
             <div class="menu-row"><a class="left menu-link" href="{U_FAQ}">{L_FAQ}</a></div>
             <div class="menu-row"><a class="left menu-link" href="{U_SEARCH}">{L_SEARCH}</a></div>
          </div>
          <div style="float: {S_CONTENT_FLOW_BEGIN}; width: 79.5%;">

Busca:

Código: Seleccionar todo

 <span class="corners-bottom"><span></span></span></div>
      </div>

      <div class="navbar">
         <div class="inner"><span class="corners-top"><span></span></span>

         <ul class="linklist navlinks">
            <li class="icon-home"><a href="{U_INDEX}" accesskey="h">{L_INDEX}</a> <!-- BEGIN navlinks --> <strong>&#8249;</strong> <a href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a><!-- END navlinks --></li>

Antes agrega:

Código: Seleccionar todo

    </div>

No olvides refrescar el estilo y la plantilla, ádemas de refrescar el navegador para ver los cambios.

PD: No soy muy bueno dando explicaciones de codígos pero bueno ahí voy, muchos se preguntan que es

Código: Seleccionar todo

{U_MEMBERLIST}

pues bueno ese es el modulo al que estamos llamando con la función

Código: Seleccionar todo

<a class="left menu-link" href="{U_MEMBERLIST}">{L_MEMBERLIST}</a>

el nombre del modulo lo declaramos con

Código: Seleccionar todo

{L_MEMBERLIST}

segun el modulo que queramos.

Como repito no soy muy bueno dando explicaciones así que si alguién del staff puede explicar mejor esto es libre de editar esta última información.

phpBB España Oficial

Agregar un Menu en el Header como en Flying-Bits

Agregar un Menu en el Header como en Flying-Bits Tema Solucionado