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.

hover menu

View previous topic View next topic Go down

Solved hover menu

Post by IdaTR on July 6th 2014, 8:26 pm

hello i want this menu:
http://vampirefreaks.com/cult/Hogwarts

on the site, on this website:
http://another-life.danskforum.net/

forum version: phpbb2

i've already tried and it seems that it doesn't work..
so i want to know what to do!


Last edited by IdaTR on July 25th 2014, 5:42 pm; edited 1 time in total

IdaTR
Forumember

Female Posts : 339
Reputation : 1
Language : Danish, english
Location : Denmark

http://nionevrien.forumq.net/

Back to top Go down

Solved Re: hover menu

Post by IdaTR on July 8th 2014, 10:29 am

bump

IdaTR
Forumember

Female Posts : 339
Reputation : 1
Language : Danish, english
Location : Denmark

http://nionevrien.forumq.net/

Back to top Go down

Solved Re: hover menu

Post by Ange Tuteur on July 8th 2014, 7:21 pm

Hi IdaTR,

Which menu do you want : the navigation, or ?

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: hover menu

Post by IdaTR on July 9th 2014, 9:57 am

The navigation (:

IdaTR
Forumember

Female Posts : 339
Reputation : 1
Language : Danish, english
Location : Denmark

http://nionevrien.forumq.net/

Back to top Go down

Solved Re: hover menu

Post by Ange Tuteur on July 9th 2014, 11:19 am

Try this :
Administration Panel > Display > Templates > General > overall_header

Find :
Code:
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
 <tr>
 <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
 </tr>
 </table>

Replace by :
Code:
<table id="navbar" cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
  <tr id="rowShown"><td>Hover for navbar</td></tr>
 <tr id="rowHidden">
 <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
 </tr>
 </table>

Save and publish.

Then go to Display > Colors > CSS stylesheet and paste the CSS below :
Code:
#navbar {
 position:relative;
 width:200px;
}

#rowHidden {
 position:absolute;
 background:#EFEFEF;
 border:2px solid #006699;
 padding:3px;
 z-index:1;
 opacity:0;
 visibility:hidden;
 transition:300ms;
}

#navbar:hover #rowHidden {
 visibility:visible;
 opacity:1;
}

#rowHidden a { display:block; }

You can make edits to the style as needed. Smile

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: hover menu

Post by IdaTR on July 10th 2014, 7:30 pm

doesn't work, makes the site look weird.

IdaTR
Forumember

Female Posts : 339
Reputation : 1
Language : Danish, english
Location : Denmark

http://nionevrien.forumq.net/

Back to top Go down

Solved Re: hover menu

Post by Ange Tuteur on July 10th 2014, 10:32 pm

What happened ? The result I have is this :

http://generaltesting.forumotion.com/forum

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: hover menu

Post by IdaTR on July 25th 2014, 12:51 am

oh no it works!

IdaTR
Forumember

Female Posts : 339
Reputation : 1
Language : Danish, english
Location : Denmark

http://nionevrien.forumq.net/

Back to top Go down

Solved Re: hover menu

Post by APE on July 25th 2014, 5:34 pm

Hi is this problem now solved for you if Yes please Follow the rules and Edit your First post and mark it with the little green solved Icon so the staff know to lock it

Thank you

Ape




APE
Manager
Manager

Male Posts : 8618
Reputation : 752
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: hover menu

Post by Derri on July 25th 2014, 7:22 pm

Since this topic is now marked solved - Topic Locked and Archived


Forum Rules: :Forumotion Staff: :Appeal A Warning: :FAQ: :Tips & Tricks: :Forgotten Password/Login Issues
You need one post to send a PM
When your topic has been solved, ensure you mark the topic solved
Never post your email in public


Derri
Administrator
Administrator

Male Posts : 8385
Reputation : 576
Language : English & Basic French
Location : Scotland, United Kingdom

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