•  
     

Menu com abas para phpBB3(Prosilver)

Siga o procedimento abaixo:

Abra: styles/prosilver/template/overall_header.html
Localize:

Código: Selecionar todos

<div class="navbar">

Antes adicione:

Código: Selecionar todos

<div id="tabs">
       <ul>
          <li<!-- IF SCRIPT_NAME == 'index' or SCRIPT_NAME == 'viewforum' or SCRIPT_NAME == 'viewtopic' --> class="activetab"<!-- ENDIF -->><a href="{U_INDEX}"><span>{L_INDEX}</span></a></li>
          <!-- IF S_DISPLAY_SEARCH --><li<!-- IF SCRIPT_NAME == 'search' --> class="activetab"<!-- ENDIF -->><a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}"><span>{L_SEARCH}</span></a></li><!-- ENDIF -->
          <!-- IF S_DISPLAY_MEMBERLIST --><li<!-- IF SCRIPT_NAME == 'memberlist' --> class="activetab"<!-- ENDIF -->><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}"><span>{L_MEMBERLIST}</span></a></li><!-- ENDIF -->
          <li<!-- IF SCRIPT_NAME == 'faq' --> class="activetab"<!-- ENDIF -->><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}"><span>{L_FAQ}</span></a></li>
       </ul>
    </div>

Imagem
Se você tiver portal.php como página principal
faça o procedimento abaixo:

Abrir: styles/prosilver/template/overall_header.html
Localize:

Código: Selecionar todos

<div class="navbar">

Antes, adicione:

Código: Selecionar todos

<div id="tabs">
       <ul>
          <li<!-- IF SCRIPT_NAME == 'index' or SCRIPT_NAME == 'viewforum' or SCRIPT_NAME == 'viewtopic' --> class="activetab"<!-- ENDIF -->><a href="{U_INDEX}"><span>{L_INDEX}</span></a></li>
          <!-- IF S_DISPLAY_SEARCH --><li<!-- IF SCRIPT_NAME == 'search' --> class="activetab"<!-- ENDIF -->><a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}"><span>{L_SEARCH}</span></a></li><!-- ENDIF -->
          <!-- IF S_DISPLAY_MEMBERLIST --><li<!-- IF SCRIPT_NAME == 'memberlist' --> class="activetab"<!-- ENDIF -->><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}"><span>{L_MEMBERLIST}</span></a></li><!-- ENDIF -->
          <li<!-- IF SCRIPT_NAME == 'faq' --> class="activetab"<!-- ENDIF -->><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}"><span>{L_FAQ}</span></a></li>
       </ul>
    </div>


Para Mudar a Cor

Abra: styles/prosilver/theme/colours.css
Localize:

Código: Selecionar todos

   /* CP tabbed menu
    ----------------------------------------*/
    #tabs a {
       background-image: url("{T_THEME_PATH}/images/bg_tabs1.gif");
    }

    #tabs a span {
       background-image: url("{T_THEME_PATH}/images/bg_tabs2.gif");
       color: #FFFFFF;
    }

    #tabs a:hover span {
       color: #631882;
    }

    #tabs .activetab a {
       border-bottom-color: #E1CCEA;
    }

    #tabs .activetab a span {
       color: #A47CB4;
    }

    #tabs .activetab a:hover span {
       color: #631882;
    }

Altere os locais em negrito:
#tabs a:hover span {
color: #631882;
}

#tabs .activetab a {
border-bottom-color: #E1CCEA;
}

#tabs .activetab a span {
color: #A47CB4;
}

#tabs .activetab a:hover span {
color: #631882;
}


para mudar as imagens basta altera as paletas:

bg_tabs1.gif e bg_tabs2.gif