MyBB Community Forums

Tthe forums isn't letting me pm you @subzr1

no a dropdown menu, just like gaming community's have but one that fits in the template of duende v2! Same stylish if that is possible.

(2015-03-27, 08:16 AM)Wazzyl Wrote: [ -> ]no a dropdown menu, just like gaming community's have but one that fits in the template of duende v2! Same stylish if that is possible.

ohh i understand now
ill look into it and will sort it asap

cheers
SubzR

thanks for taking the time.

(2015-03-26, 04:11 PM)Wazzyl Wrote: [ -> ]i want a to change the navigation menu into a dropdown menu but never done it, can you help me, subzr1?

the userpanel and stuff must be in it aswell, can you help for that?

hello
ok ive managed a dropdown menu for u and it looks good (on my eyes :p)
pls make a backup first of the header template if you dont like it so you can revert it as it was before
this was made from the duende v2 original templates so the links/url should be wrong for you
edit as you like after
 go to header templates and find this:

  <div class="float_left">   

    <div class="menu" style="margin-top: 0%;">
    <ul>
<li> <a href="{$mybb->settings['bburl']}/portal.php"><i class="fa fa-home"></i></br>Home</a></li>
      
<li> <a href="{$mybb->settings['bburl']}/index.php"><i class="fa fa-comments"></i></br>Forums</a>
      
<li> <a href="{$mybb->settings['bburl']}/search.php"><i class="fa fa-search fa-fw"></i></br> Search</a></li>
      
<li> <a href="{$mybb->settings['bburl']}/memberlist.php"><i class="fa fa-user fa-fw"></i></br> Members</a></li>
      
<li> <a href="{$mybb->settings['bburl']}/calendar.php"><i class="fa fa-calendar fa-fw"></i></br> Calendar</a></li>
      
<li> <a href="{$mybb->settings['bburl']}/misc.php?action=help"><i class="fa fa-life-ring fa-fw"></i></br> Help</a></li>
      <ul></div></div>

and replace it by this:

  <div class="float_left">   
  <div class="nav" style="margin-top: 0%;">
    <nav>
    <ul style="margin: -2%;">
<li> <a href="{$mybb->settings['bburl']}/portal.php"><i class="fa fa-home"></i></br>Home</a></li>
      
<li> <a href="{$mybb->settings['bburl']}/index.php"><i class="fa fa-comments"></i></br>Forums<i style="font-size: 14px;" class="fa fa-angle-down fa-fw"></i></a>
  			<ul>
				<li><a href="#"><i class="fa fa-list"></i>&nbsp;Link 1</a></li>
				<li><a href="#"><i class="fa fa-list"></i>&nbsp;Link 2 more long</a></li>
				<li><a href="#"><i class="fa fa-list"></i>&nbsp;Link 3</a></li>
			</ul>
		</li>
      
<li> <a href="{$mybb->settings['bburl']}/search.php"><i class="fa fa-search fa-fw"></i></br> Search</a></li>
      
<li> <a href="{$mybb->settings['bburl']}/memberlist.php"><i class="fa fa-user fa-fw"></i></br> Members</a></li>
      
<li> <a href="{$mybb->settings['bburl']}/calendar.php"><i class="fa fa-calendar fa-fw"></i></br> Calendar</a></li>
      
<li> <a href="{$mybb->settings['bburl']}/misc.php?action=help"><i class="fa fa-life-ring fa-fw"></i></br> Help</a></li>
      <ul></div></div></nav>

after just add a new css file and put this inside and its ready to go:

nav {

  margin: 3% auto;
  text-align: center;
}
nav ul ul {
 display: none;
}

nav ul li:hover > ul {
 display: block;
}


nav ul {
	list-style: none;
	position: relative;
	display: inline-table;
}
nav ul:after {
  content: ""; clear: both; display: block;
}

nav ul li {
  float: left;
}
nav ul li:hover {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4) !important;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) inset, 0 0 0 1px rgba(255, 255, 255, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) inset, 0 0 0 1px rgba(255, 255, 255, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) inset, 0 0 0 1px rgba(255, 255, 255, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
nav ul li:hover a {
 color: #fff;
}
		
nav ul li a {
  display: block;
  padding: 12px 11px;
}
			
		
nav ul ul {
  position: absolute;
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4) !important;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) inset, 0 0 0 1px rgba(255, 255, 255, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) inset, 0 0 0 1px rgba(255, 255, 255, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) inset, 0 0 0 1px rgba(255, 255, 255, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
  left: 22%;
  padding-left: 0px;
  text-align: left;
}
nav ul ul li {
  float: none;
  border-top: 1px solid #3A3A3A;
  position: relative;
}
nav ul ul li a {
  color: #fff;
}	
nav ul ul li a:hover {

}		
nav ul ul ul {
  position: absolute; left: 100%; top:0;
}
		

pls take note that this was made for the original Duende V2 theme


any issues just buzz me
Cheers
SubzR

lol thanks to that edit the logo is now behind the search bar on the right how i can solve this?
http://i.imgur.com/DWLrbt3.png

on test board fits good
can i have a link to your duende v2 theme?
maybe a temp admin account so i can see/fix it

Amazing work Sub and iAndrew. One of the best 1.8 themes I've used and my personal favourite at the moment.

I built http://neverwintertradeforum.com/index.php

One minor problem that I can't seem to fix myself is that the background moves with the forums on my iPhone 5 unlike it being static on desktop. Any help with this would be great. Otherwise simply brilliant work.

hello
thanks for the comments
as for the bg not being fixed like in your desktop im not to sure about it
i use a smartphone and bg doesnt move at all
have try another browser for your iphone??

One of the best theme
thanks for share