Recordad que para pedir soporte alguno, debéis facilitar los datos de soporte oportunos por favor, mirad aquí y leer las Normas generales del foro, esto nos servirá de ayuda para dar el mejor soporte..

Gracias.

La Administración de phpBB España.

Agregar un Menu en el Header como en Flying-BitsTema Solucionado

Dudas sobre estilos phpBB 3.0.x
Colaboraciones gráficas paquetes de rangos aquí y botones aquí.
Cerrado
Avatar de Usuario
nextgen
Ex Staff
Mensajes: 1726
Registrado: 25 Jul 2009, 03:16
Género:
Edad: 40

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

#1

Mensaje por nextgen »

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.

Cerrado

Volver a “Soporte para Estilos phpBB 3.0.x”