The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Assistance with a Drop-down Navbar

4 posters

Go down

Assistance with a Drop-down Navbar Empty Assistance with a Drop-down Navbar

Post by Xiahiw 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.
avatar
Xiahiw
New Member

Posts : 8
Reputation : 0
Language : English

Back to top Go down

Assistance with a Drop-down Navbar Empty Re: Assistance with a Drop-down Navbar

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



Assistance with a Drop-down Navbar Slgray10

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

Male Posts : 51463
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Assistance with a Drop-down Navbar Empty Re: Assistance with a Drop-down Navbar

Post by Xiahiw 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://2img.net/i/fa/sprite_subsilver_menu.png") no-repeat top left;
   background-position:-435px 0;
   width:12px;
   height:13px;
   }
.sprite-icon_mini_portal{
   background:url("http://2img.net/i/fa/sprite_subsilver_menu.png") no-repeat top left;
   background-position:-497px 0;
   width:13px;
   height:13px;
   }
.sprite-icon_mini_profile{
   background:url("http://2img.net/i/fa/sprite_subsilver_menu.png") no-repeat top left;
   background-position:-560px 0;
   width:12px;
   height:13px;
   }
.sprite-icon_mini_register{
   background:url("http://2img.net/i/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.
avatar
Xiahiw
New Member

Posts : 8
Reputation : 0
Language : English

Back to top Go down

Assistance with a Drop-down Navbar Empty Re: Assistance with a Drop-down Navbar

Post by LGforum 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
LGforum
Hyperactive

Male Posts : 2265
Reputation : 264
Language : English
Location : UK

Back to top Go down

Assistance with a Drop-down Navbar Empty Re: Assistance with a Drop-down Navbar

Post by Xiahiw 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?
avatar
Xiahiw
New Member

Posts : 8
Reputation : 0
Language : English

Back to top Go down

Assistance with a Drop-down Navbar Empty Re: Assistance with a Drop-down Navbar

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

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

sorry
Irian
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

Assistance with a Drop-down Navbar Empty Re: Assistance with a Drop-down Navbar

Post by LGforum 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
LGforum
Hyperactive

Male Posts : 2265
Reputation : 264
Language : English
Location : UK

Back to top Go down

Back to top


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