hover menu

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
avatar
IdaTR
Forumember

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

http://www.vielamort.net

Back to top Go down

Solved Re: hover menu

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

bump
avatar
IdaTR
Forumember

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

http://www.vielamort.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 ?
avatar
Ange Tuteur
Forumaster

Male Posts : 13202
Reputation : 2918
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

Solved Re: hover menu

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

The navigation (:
avatar
IdaTR
Forumember

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

http://www.vielamort.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
avatar
Ange Tuteur
Forumaster

Male Posts : 13202
Reputation : 2918
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

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.
avatar
IdaTR
Forumember

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

http://www.vielamort.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
avatar
Ange Tuteur
Forumaster

Male Posts : 13202
Reputation : 2918
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

Solved Re: hover menu

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

oh no it works!
avatar
IdaTR
Forumember

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

http://www.vielamort.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



avatar
APE
Administrator
Administrator

Male Posts : 12327
Reputation : 1284
Language : fluent in dork / mumbojumbo & English haha

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
avatar
Derri
Helper
Helper

Male Posts : 8713
Reputation : 629
Language : English & Basic French
Location : Scotland, United Kingdom

Back to top Go down

Back to top


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