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.

Drown-Down Menu On Nav Bar On Top (How?)

View previous topic View next topic Go down

Solved Drown-Down Menu On Nav Bar On Top (How?)

Post by J0k3R^ on April 30th 2014, 6:30 pm

Hi, does anybody know how can i make a drop down menu on my nav bar which is on top of my forum?
for nav bar on top im using these codes:

css

Code:
#pun-head #pun-navlinks{
  background-color:#33678A;
  position:fixed;
  padding-top:5;
  z-index: 899;
  width:100%;
  height: 23px;
  border-bottom:double 4px #000;
  }
  body {
  margin-top:30px!important;
  }
  .pun {
  margin-top: 30px!important;
  }

overall_header after
Code:
<!-- END switch_desc -->


Code:
<div id="pun-head">
  <div id="pun-navlinks" style="left:0%; top:0px; width:100%"><li style="list-style: none">
</li>
                     <ul class="clearfix">
 
                        <li>{GENERATED_NAV_BAR}</li>
                     </ul>
                  </div>
               </div>


i want make something similar (not same)with this:


J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Solved Re: Drown-Down Menu On Nav Bar On Top (How?)

Post by DeathDunk98* on April 30th 2014, 9:28 pm

You have a lot of tutorials about that on youtube, I think you can deal with this on your own :/

DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

Solved Re: Drown-Down Menu On Nav Bar On Top (How?)

Post by Ange Tuteur on April 30th 2014, 10:56 pm

@DeathDunk98* wrote:You have a lot of tutorials about that on youtube, I think you can deal with this on your own :/

Please only reply to others questions if you're going to provide helpful information.

May I remind you :
Helping Users: If you know the answer to a question that a user asked and don't want to share it with other in your post, please refrain from posting. It doesn't help anyone of the board. This forum is a support forum to help users with questions or problems they have. If you continue to post you know answer or something similar to this line, but don't provide the answer you will be given three reminders and then a warning.

http://help.forumotion.com/t93820-general-rules

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Drown-Down Menu On Nav Bar On Top (How?)

Post by Pizza Boi on May 1st 2014, 4:45 am


Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: Drown-Down Menu On Nav Bar On Top (How?)

Post by J0k3R^ on May 1st 2014, 6:35 am

yeah Boi, i like this onehttp://www.csshelp.net/t225-tutorial-sexy-drop-down-menu-with-jquery-css-punbb-and-phpbb2
but i think its kinda another way to make a nav bar, can i change my nav bar's settings to follow this tutorial?? :S

J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Solved Re: Drown-Down Menu On Nav Bar On Top (How?)

Post by Pizza Boi on May 1st 2014, 6:51 am

Hi Very Happy

Hmm... what exactly is wrong with it? I mean, do you already have a custom navigation bar? And that link is for punBB and phpBB2, actually o.o.

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: Drown-Down Menu On Nav Bar On Top (How?)

Post by J0k3R^ on May 1st 2014, 9:12 am

okey, after some long time my result is this:




how can i put the texts at the center of the nav bar w/o position relative :/


edit: these codes (for nav bar) made my popup chatbox not to appear
chatbox code:

Code:
jQuery(document).ready(function(){
jQuery('body').append('<span id="chatButton">Συνομιλία</span><div id="chatBox"><iframe src="/chatbox/index.forum"></iframe></div>');
jQuery('#chatBox').hide();
jQuery('#chatButton').css('position', 'fixed').css('right', '0px').css('bottom', '0px');
jQuery('#chatBox iframe').css('position', 'fixed').css('right', '10px').css('bottom', '45px');
if(!document.getElementById('logout')){
jQuery('#chatButton').hide();
jQuery('#chatBox').hide();}
jQuery('#chatButton').click(function(){
jQuery('#chatBox').fadeToggle();
});
});

J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Solved Re: Drown-Down Menu On Nav Bar On Top (How?)

Post by Pizza Boi on May 2nd 2014, 2:49 am

Hi Very Happy

You can add something like text-align: center; . Also, for the chat box, do you want to try the JS code I'm using for my forum? I know that your chat box faced 2 issues already regarding it not appearing so I would suggest that to avoid further more issues with the Javascript, I could hand out the one I'm using.

One question, though: Is that still a Forumotion chat box? (Haven't read the code much yet).

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: Drown-Down Menu On Nav Bar On Top (How?)

Post by J0k3R^ on May 2nd 2014, 7:40 am

Code:
text-align: center;


didnt work.
and also, my chatbox was made by js and css :/

J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Solved Re: Drown-Down Menu On Nav Bar On Top (How?)

Post by Pizza Boi on May 2nd 2014, 7:41 pm

Hi Very Happy

Then my apologies, I guess you don't have other alternatives other than the position:relative version.

As for the chat box, not sure which affects it to be honest, but I'm pretty sure Ange can solve it.

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: Drown-Down Menu On Nav Bar On Top (How?)

Post by J0k3R^ on May 2nd 2014, 7:43 pm

i dont like position relative because if ctrl+Scroll they change position so => i think that someone with other screen resolution will see them in other position than me.. am i wrong? :S

J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Solved Re: Drown-Down Menu On Nav Bar On Top (How?)

Post by J0k3R^ on May 4th 2014, 8:58 am

Bump

J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Solved Re: Drown-Down Menu On Nav Bar On Top (How?)

Post by Pizza Boi on May 4th 2014, 9:02 am

Hi Very Happy

Hmm... you can try adapting the position values to percentage. That should let the other users adapt to it, if not I'll probably try this out in my test forum just to make sure.

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: Drown-Down Menu On Nav Bar On Top (How?)

Post by J0k3R^ on May 4th 2014, 8:13 pm

% values didnt change anything :/

J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Solved Re: Drown-Down Menu On Nav Bar On Top (How?)

Post by J0k3R^ on May 7th 2014, 4:29 pm

Bump

J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Solved Re: Drown-Down Menu On Nav Bar On Top (How?)

Post by Pizza Boi on May 8th 2014, 7:16 am

Hi Very Happy

Hmm... try using margin-right or margin-left. If not, I believe relative is the only way to go about it only.

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: Drown-Down Menu On Nav Bar On Top (How?)

Post by J0k3R^ on May 8th 2014, 1:40 pm

okey im using position relative and its working fine now xD

*Solved*

J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Solved Re: Drown-Down Menu On Nav Bar On Top (How?)

Post by Pizza Boi on May 8th 2014, 2:39 pm

Hi Very Happy

That salt Wink. Good, brah! Though, I still get a cookie for trying :rose:.

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: Drown-Down Menu On Nav Bar On Top (How?)

Post by SLGray on May 8th 2014, 9:44 pm

Problem solved & topic archived.


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


SLGray
Administrator
Administrator

Male Posts : 36705
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.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