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.

DROP DOWN NAVBAR FOR PHPBB2

View previous topic View next topic Go down

DROP DOWN NAVBAR FOR PHPBB2

Post by JAN2XONLINE on February 15th 2013, 11:04 am

Can you guys help me make a drop down navbar? I have phpbb2 forum.

So when you hover a navbar, the list will automatically drop down. Then when you move again your mouse from it, it will go back to its place.

I want to replace my current navbar to this one. Confused



Last edited by JAN2XONLINE on February 19th 2013, 1:11 am; edited 4 times in total

JAN2XONLINE
Forumember

Male Posts : 943
Reputation : 32
Language : Tagalog, English
Location : Alberta, Canada

http://animeph.4umer.com/

Back to top Go down

Re: DROP DOWN NAVBAR FOR PHPBB2

Post by JAN2XONLINE on February 16th 2013, 12:38 pm

I made one.

But how do I make my navbar scroll too like the toolbar?

JAN2XONLINE
Forumember

Male Posts : 943
Reputation : 32
Language : Tagalog, English
Location : Alberta, Canada

http://animeph.4umer.com/

Back to top Go down

Re: DROP DOWN NAVBAR FOR PHPBB2

Post by Mike on February 16th 2013, 1:02 pm

When you align it where you want it to stay, add to the CSS:

position: fixed;

Mike
Hyperactive

Male Posts : 4242
Reputation : 466
Language : English, HTML, CSS
Location : Bozeman, Montana

Back to top Go down

Re: DROP DOWN NAVBAR FOR PHPBB2

Post by JAN2XONLINE on February 16th 2013, 1:11 pm

^
I don't get it. So I'll just paste that code in my css sheet?

Here's my code though if you want to check it.

Code:
ul.topnav {
  list-style: none;
  padding: 0 20px; 
  margin: 0;
  float: left;
  width: 1250px;
  background: #222;
  font-size: 1em;
  background: url(http://hitskin.com/themes/17/49/21/i_back_catg.png) repeat-x;
}
ul.topnav li {
  float: left;
  margin: 0; 
  padding: 0 15px 0 0;
  position: relative; /*--Declare X and Y axis base--*/
}
ul.topnav li a{
  padding: 10px 5px;
  color: #000;
  display: block;
  text-decoration: none;
  float: left;
}
ul.topnav li a:hover{
  background: url(http://hitskin.com/themes/17/49/21/i_back_title.png) no-repeat center top;
}
ul.topnav li span { /*--Drop down trigger styles--*/
  width: 17px;
  height: 35px;
  float: left;
  background: url(http://i43.servimg.com/u/f43/14/73/12/96/subnav10.gif) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;}

/*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
  list-style: none;
  position: absolute;
  left: 0; top: 35px;
  background: #333;
  margin: 0; padding: 0;
  display: none;
  float: left;
  width: 230px;
  -webkit-border-bottom-right-radius: 05px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 05px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 05px;
  border-bottom-left-radius: 5px;
  border: 1px solid #111;
}
ul.topnav li ul.subnav li{
  margin: 0; padding: 0;
  border-top: 1px solid #252525;
  border-bottom: 1px solid #444;
  clear: both;
  width: 230px;
  -webkit-border-bottom-right-radius: 05px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 05px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 05px;
  border-bottom-left-radius: 5px;
}
html ul.topnav li ul.subnav li a {
  float: left;
  width: 200px;
  background: #ffaa00 url(http://i43.servimg.com/u/f43/14/73/12/96/dropdo10.gif) no-repeat 10px center;
  padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
  background: #222 url(http://i43.servimg.com/u/f43/14/73/12/96/dropdo10.gif) no-repeat 10px center;
}

I want my navbar to stay on top always just like the navbar even when scrolling.

JAN2XONLINE
Forumember

Male Posts : 943
Reputation : 32
Language : Tagalog, English
Location : Alberta, Canada

http://animeph.4umer.com/

Back to top Go down

Re: DROP DOWN NAVBAR FOR PHPBB2

Post by JAN2XONLINE on February 19th 2013, 12:54 am

********************
Help! I need a new drop down navbar for phpbb2. Confused

JAN2XONLINE
Forumember

Male Posts : 943
Reputation : 32
Language : Tagalog, English
Location : Alberta, Canada

http://animeph.4umer.com/

Back to top Go down

Re: DROP DOWN NAVBAR FOR PHPBB2

Post by JAN2XONLINE on February 21st 2013, 1:21 pm

bump

JAN2XONLINE
Forumember

Male Posts : 943
Reputation : 32
Language : Tagalog, English
Location : Alberta, Canada

http://animeph.4umer.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