Hello there, So I know this isn't on Forumotion, and is done in newest version of IPB, but I'm just kind of wondering. Could my forum also has this Header? And if I could, is it can only be done under Invision or I could also do it on phpBB3?

What I'm saying is that I want the Logo Icon to the left and the rest of the Nav Links are on the right. That's all.

hello, @TenzoNakamiXD

Yes you can do it,
this is for version 'phpBB3'
 Go open > overall_header 

find this and delete

Code:

<ul class="linklist navlinks{NAVBAR_BORDERLESS}">
         <li>{GENERATED_NAV_BAR}</li>
         </ul>

and find this code

Code:

<a href="{U_INDEX}" id="logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>



Add after this code  

Code:

 <ul class="linklist navlinks{NAVBAR_BORDERLESS}">
         <li>{GENERATED_NAV_BAR}</li>
         </ul>

-------------
add the CSS code

Code:

ul.navlinks {
margin-top: 30px;
float: right;
}

you can change margin top As you like Let there be appropriate

new.moon wrote:hello, @TenzoNakamiXD

Yes you can do it,
this is for version 'phpBB3'
 Go open > overall_header 

find this and delete

Code:

<ul class="linklist navlinks{NAVBAR_BORDERLESS}">
         <li>{GENERATED_NAV_BAR}</li>
         </ul>

and find this code

Code:

<a href="{U_INDEX}" id="logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>



Add after this code  

Code:

 <ul class="linklist navlinks{NAVBAR_BORDERLESS}">
         <li>{GENERATED_NAV_BAR}</li>
         </ul>

-------------
add the CSS code

Code:

ul.navlinks {
margin-top: 30px;
float: right;
}

you can change margin top As you like Let there be appropriate

Hi there and thanks for replying,
is this also able to be done in Invision? My current forum layout is set to Invision and the step wasn't working.
The reason I asked for phpBB3 version is because I want to try a few more stuff in Invision before deciding to return to phpBB3 or not. That way I have a backup codes to redo it again in phpBB3.

this is for version 'Invision'
 Go open > overall_header 

find this and delete

Code:

<div id="submenu">
               <ul>
                  <li class="clearfix">{GENERATED_NAV_BAR}</li>
               </ul>
            </div>

and find this code

Code:

<a href="{U_INDEX}" id="logo" title="{L_INDEX}"><img src="{LOGO}" alt="{L_INDEX}" /></a>

Add after this code  

Code:

<div id="submenu">
               <ul>
                  <li class="clearfix">{GENERATED_NAV_BAR}</li>
               </ul>
            </div>

add the CSS code

Code:

#submenu {
    background: #979ba0;
    color: #303b4a;
    padding: .5em 0 .65em;
    text-align: right;
    float: right;
}

you can change the color and background or add Other effects.

@new.moon
Thanks for your assistance. But it turned out like this?
What I want is it to turn out that the Logo is centered to the right of the Navbar, but the Navbar seems to going down.

bump.

Any help?