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.

Assistance with a Drop-down Navbar

View previous topic View next topic Go down

Assistance with a Drop-down Navbar

Post by Xiahiw on June 19th 2011, 7:43 pm

On another site I saw a navigation bar [The top bar stating forum, portal, messages, etc.] with the drop down feature, so they were able to link different pages without having to click and go through each link. I cannot provide any visual examples at this time, as I have lost the link to said site- but if anyone knows the coding or how it is implemented I would greatly appreciate the help.

Xiahiw
New Member

Posts : 8
Reputation : 0
Language : English

Back to top Go down

Re: Assistance with a Drop-down Navbar

Post by SLGray on June 19th 2011, 7:46 pm

This tutorial might be helpful: http://help.forumotion.com/t41195-drop-down-list


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35624
Reputation : 2372
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Re: Assistance with a Drop-down Navbar

Post by Xiahiw on June 20th 2011, 10:45 am

Okay, see that's sort of what i'm looking for- only I can't seem to implement it in the the following:

Code:

.sprite-icon_mini_message{
   background:url("http://illiweb.com/fa/sprite_subsilver_menu.png") no-repeat top left;
   background-position:-435px 0;
   width:12px;
   height:13px;
   }
.sprite-icon_mini_portal{
   background:url("http://illiweb.com/fa/sprite_subsilver_menu.png") no-repeat top left;
   background-position:-497px 0;
   width:13px;
   height:13px;
   }
.sprite-icon_mini_profile{
   background:url("http://illiweb.com/fa/sprite_subsilver_menu.png") no-repeat top left;
   background-position:-560px 0;
   width:12px;
   height:13px;
   }
.sprite-icon_mini_register{
   background:url("http://illiweb.com/fa/sprite_subsilver_menu.png") no-repeat top left;
   background-position:-622px 0;
   width:12px;
   height:13px;
   }


That is the code in basic CSS for the 'Home, Portal, Gallery, Profile, Messages, etc.' bar. Now, i'm trying to utilize a drop down on those- however can't seem to figure it out.

Xiahiw
New Member

Posts : 8
Reputation : 0
Language : English

Back to top Go down

Re: Assistance with a Drop-down Navbar

Post by LGforum on June 20th 2011, 3:17 pm

Its not CSS your looking for though, its html.

Basically it will be a menu, and some buttons will need to use the 'onmouseover' html attribute, to make other options pop up.

I'll try and get you a code two secs...

right this isnt full but it should point you in the right direction for making a code:

Code:

<div style="DISPLAY: none" id=HiddenDiv_1
YOUR HIDDEN MENU OPTION, THE ONES WHICH WILL APPEAR WHEN HOVERING OVER A MENU ITEM
</div>

<A onmouseover="javascript:ShowHide('HiddenDiv_1')" href="javascript:;"><IMG src="IMAGE URL OF BUTTON WHICH WILL BE HOVERED OVE AND REVEAL OTHER OPIONS"></A> </DIV></DIV

<SCRIPT language=JavaScript>
function ShowHide(divId){if(document.getElementById(divId).style.display == 'none'){document.getElementById(divId).style.display='block';}else{document.getElementById(divId).style.display = 'none';}}</SCRIPT>
</DIV><DIV></DIV>

The bit which say HiddenDiv_1, you can change to do more than one button which will display other buttons.

If you need any more help let me know and i'll maybe even consider coding it all out for you Wink

LGforum
Hyperactive

Male Posts : 2254
Reputation : 254
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Re: Assistance with a Drop-down Navbar

Post by Xiahiw on June 20th 2011, 9:13 pm

Okay, I suppose my next question is.. Considering the provided administration panel for PHBB3.. How do I put that in? Would I go through the CSS sheet, or would I have to host this somewhere else- complete, and put it in through the 'Adv. Images' section?

Xiahiw
New Member

Posts : 8
Reputation : 0
Language : English

Back to top Go down

Re: Assistance with a Drop-down Navbar

Post by Irian on June 20th 2011, 9:16 pm

well if you have got PhpBB3 you can edit templates...
so you can't Sad

sorry

Irian
Forumember

Male Posts : 661
Reputation : 18
Language : English, Français, Spagnol, Latin, ecc.
Location : New york

http://www.puregroups.co.cc

Back to top Go down

Re: Assistance with a Drop-down Navbar

Post by LGforum on June 20th 2011, 10:00 pm

The homepage message, or announcement might work.
Though it needs to be styled and stuff, thats just the codes to make it pop out with more options.

Actually a fixed position div in a widget might work too.

Do you want to PM me your forum address and i'll make an account and have a look at maybe coding it out for you.

LGforum
Hyperactive

Male Posts : 2254
Reputation : 254
Language : English
Location : UK

http://www.avacweb.com/

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