[HOW TO] Integrate a CSS dropdown Menu into phpBB Styles

[v01d]

Hi, I am having the same problem that cla1067 was.
I have tried just about everything to try to remove the space.



I uploaded both my overall header and stylesheet. I tried removing the spacer code but it didn't solve the problem.


If you need me to upload any more files please tell me.

[T3h Antek Antek]

Thanks for this.

Any chance of one for prosilver?

you mean like this? http://www.shadowflames.us/

I will release it when I release this new style... I have some tweaks to make.

The prosilver link is no longer working, is there a new guide on how to install the menu bar on a
prosilver forum ?


Thanks,


Antek

[alicia]

Not sure if centering the menu was solved, but this is how I accomplished it

Overall_header.html

Spoiler:

find

Code: Select all

<ul id="nav">

replace

Code: Select all

<ul id="nav" class="menu_nav">

pro_dropdown_6.css

Spoiler:

find in #nav
delete

Code: Select all

margin:0;

After #nav { }
Add

Code: Select all

ul.menu_nav {width:700px; margin: auto;}

Adjust the width so your nav fits.

It's not a perfect solution since if you have hidden top nav items the remaining won't be centering.

You can see the results here: http://galacticcampaigns.com/forum/index.php?style=2

[alicia]

[fixed] there was already a class called .nav My post above is fixed
Apparently the

Code: Select all

ul.nav {width:700px; margin: auto;}

Causes some pages to display incorrectly (primarily PM pages)
Any ideas?

[hsvwrx Tina]

Hi Im new to Star Trek ... great site and very helpful by the way!

Ok, I was directed here by one of your members and need a little help before attempting this one.

I would say my level of expertise on this stuff would be say coming off beginner onto intermediate and everything i have learnt is self tought using the tutorials and support forums on phpBB.

I really want to add an additional drop down menu under my existing one ...

User Control Panel • 0 new messages • FAQ • Search • Members • Logout

The Type of Menus I want to add are links to the main categories on the Forum for example.

MAIN • COMPETITIONS • RIDES • EVENTS • TECH TALK • ADVERTISING • FOR SALE

Then for each i want drop downs ... for example ...

Under MAIN

• News
• Site Feedback
• etc
• etc

Each drop down housing the selections i want to be able to click on them and go to that section.

Any chance of a little help as to where I can the information in the Overall_Header etc...

As for the images, all i want is the words (eg MAIN) to come up in the little blue or black box with the arrow at the end.

Any help would be appropriated before i attempt this one!

Tina

[alicia]

The included code on the first page is a good start, though it includes what you apparently have in your first nav. However, those are easy enough to remove.
Your best bet is to just start installing the code and tinker with it. If you run into any trouble just post what you've done with an image and I'm sure we can try to help out.

[hsvwrx Tina]

The included code on the first page is a good start, though it includes what you apparently have in your first nav. However, those are easy enough to remove.
Your best bet is to just start installing the code and tinker with it. If you run into any trouble just post what you've done with an image and I'm sure we can try to help out.

Thanks Alicia, I am going to start working on this shortly but first, in the initial post it says ...

This will generate a menu that looks like this:
Image

But no image comes up, is there any chance of seeing this image to help me see how this will look?

Thanks!

[topdown]

It will be similar to this theme
viewtopic.php?style=11&f=50&t=4659&start=150

That link should load this page with a different theme with a drop nav at the top.

[hsvwrx Tina]

thats aweseome thanks a million, I will try it out on my forum over the weekend. lets hope i dont run into any issues, otherwise you will be hearing from me again LOL

[alicia]

thats aweseome thanks a million, I will try it out on my forum over the weekend. lets hope i dont run into any issues, otherwise you will be hearing from me again LOL

Remember to back up the files. This way if you do mess something up then you have the original. When I first started I used a test forum which was a duplicate of my live. You also may want to go in the load settings before you begin and turn on the option that checks your stylesheets with your filesystem.

[ Post made via iPhone]