Flat Style

Navigation Bar - Flat Style

Navigation Bar

by SGMonkey » Sat May 20, 2017 3:10 pm

Hello again. Another question :D

Love this style. It looks very modern and professional.

I was wondering if you could tell me how you got your navigation bar like on your own website http://iansvivarium.com ?

Thanks a lot in advance!
User avatar
SGMonkey
Registered User
Posts: 61
Joined: Mon Mar 24, 2014 5:57 pm
Location: UK
Contact:

Re: Navigation Bar

by eeji » Sun May 21, 2017 3:25 pm

Its all in an additional <div> between the existing header and navbar.
My phpBB styles: phpbbstyles.iansvivarium.com
My "board": iansvivarium.com
(yes, it's running phpBB!)
User avatar
eeji
Registered User
Posts: 1461
Joined: Fri Dec 12, 2008 9:08 pm
Location: Manchester, UK
Contact:

Re: Navigation Bar

by SGMonkey » Sun May 21, 2017 6:36 pm

I managed to get my links to appear there. But I'm struggling now to get the style working right.

Code: Select all

<div id="navbar-custom">
<a href="welcome" title="Welcome"><span class="responsive-hide"> Welcome</span></a>
<a href="projects" title="Projects"><span class="responsive-hide"> Projects</span></a>
<a href="downloads" title="Downloads"><span class="responsive-hide"> Downloads</span></a>
<a href="gallery" title="Gallery"><span class="responsive-hide"> Gallery</span></a>
</div>
That's what I've added to the template.

And then in my common.css I've added this..

Code: Select all

#navbar-custom {
    font-family: bebasregular;
    font-size: 1.4em;
    word-spacing: 4px;
    text-align: center;
    margin: 0 0 4px;
    padding: 4px 10px 4px 10px;
}
Please to say its working very nicely now. Thanks a lot!
User avatar
SGMonkey
Registered User
Posts: 61
Joined: Mon Mar 24, 2014 5:57 pm
Location: UK
Contact: