The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Is this kind of Header could even be achieved?

View previous topic View next topic Go down

Is this kind of Header could even be achieved?

Post by TenzoNakamiXD on August 24th 2015, 11:34 pm



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.


Last edited by TenzoNakamiXD on August 25th 2015, 4:48 am; edited 1 time in total

TenzoNakamiXD
Forumember

Posts : 113
Reputation : 1
Language : English, Indonesian

http://mhulz-team.forumq.net

Back to top Go down

Re: Is this kind of Header could even be achieved?

Post by new.moon on August 25th 2015, 1:48 am

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
Forumember

Male Posts : 59
Reputation : 9
Language : En/Ar

http://help.ahlamontada.com/u152001

Back to top Go down

Re: Is this kind of Header could even be achieved?

Post by TenzoNakamiXD on August 25th 2015, 3:34 am

@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.

TenzoNakamiXD
Forumember

Posts : 113
Reputation : 1
Language : English, Indonesian

http://mhulz-team.forumq.net

Back to top Go down

Re: Is this kind of Header could even be achieved?

Post by new.moon on August 25th 2015, 5:29 am

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
Forumember

Male Posts : 59
Reputation : 9
Language : En/Ar

http://help.ahlamontada.com/u152001

Back to top Go down

Re: Is this kind of Header could even be achieved?

Post by TenzoNakamiXD on August 25th 2015, 6:07 am

@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.

TenzoNakamiXD
Forumember

Posts : 113
Reputation : 1
Language : English, Indonesian

http://mhulz-team.forumq.net

Back to top Go down

Re: Is this kind of Header could even be achieved?

Post by TenzoNakamiXD on August 27th 2015, 2:40 am

bump.

Any help?

TenzoNakamiXD
Forumember

Posts : 113
Reputation : 1
Language : English, Indonesian

http://mhulz-team.forumq.net

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum