Jump to the post that solved this thread.
Solved: 6 Years, 3 Months, 4 Weeks ago Help with header menu
#1
Solved: 6 Years, 3 Months, 4 Weeks ago
I want to add more links to my header.  I'm not sure of the write coding as far as whether to add <li>, <ul> or none of the above after the last drop down link. Any help?

<a name="top" id="top"></a>
<div class="menu">
<ul>
<li id="nav-portal"><a href="{$mybb->settings['bburl']}/portal.php"><i style="font-size: 12px;" class="fa fa-home fa-fw"></i> Home</a></li>
<li id="nav-forums"> <a href="{$mybb->settings['bburl']}/index.php"><i style="font-size: 12px;" class="fa fa-comments fa-fw"></i> Forums</a></li>
<li id="nav-search"> <a href="{$mybb->settings['bburl']}/search.php"><i style="font-size: 12px;" class="fa fa-search fa-fw"></i>  {$lang->toplinks_search}</a></li>
<li id="nav-member"> <a href="{$mybb->settings['bburl']}/memberlist.php"><i style="font-size: 12px;" class="fa fa-users fa-fw"></i> Members</a></li>
<li id="nav-calendar"> <a href="{$mybb->settings['bburl']}/calendar.php"><i style="font-size: 12px;" class="fa fa-calendar fa-fw"></i> {$lang->toplinks_calendar}</a></li>
<li id="nav-blog"> <a href="{$mybb->settings['bburl']}/mybblog.php"><i style="font-size: 12px;" class="fa fa-book fa-fw"></i> Blog</a></li>
 <li id="nav-shop"> <a href="{$mybb->settings['bburl']}/shop.php?action=shop"><i style="font-size: 12px;" class="fa fa-shopping-cart fa-fw"></i> Shop</a></li>
<li id="nav-facebook"> <a href="http://facebook.com/"><i style="font-size: 12px;" class="fa fa-facebook"></i> Follow</a>
  </li>
<li id="nav-help"> <a href="{$mybb->settings['bburl']}/misc.php?action=help"><i style="font-size: 12px;" class="fa fa-info fa-fw"></i> {$lang->toplinks_help}</a></li>
<li><a href='javascript:;' id="extraslink"><i style="font-size: 14px;" class="fa fa-caret-down fa-fw"></i>Extras</a></li>
      <ul>
           <div id="extraslink_popup" class="popup_menu" style="display: none;">
      <div class="popup_item_container">
        <a href="{$mybb->settings['bburl']}/stats.php" class="popup_item">Forum stats</a>
      </div>
      <div class="popup_item_container">
        <a href="{$mybb->settings['bburl']}/showteam.php" class="popup_item">Show team</a>
      </div>
      <div class="popup_item_container">
        <a href="{$mybb->settings['bburl']}/search.php?action=getnew" class="popup_item">{$lang->welcome_newposts}</a>
      </div>
      <div class="popup_item_container">
        <a href="{$mybb->settings['bburl']}/search.php?action=getdaily" class="popup_item">{$lang->welcome_todaysposts}</a>
      </div>
      <div class="popup_item_container">
        <a href="*" class="popup_item">Link five here</a>
 </div>
        
    </div>
  
  </div>
Reply
#2
Solved: 6 Years, 3 Months, 4 Weeks ago
Put your new link after the </li> of the one you want it to be next to.


<li><a href="Put the URL here" title="Put some hover text here">Put the link name here</a></li>


If you also want an image:

<li><a href="URL here" title="Hover text"><img src="URL to your image" alt="describe the image" />Link name</a></li>
Reply
Jump to the post that solved this thread.


Forum Jump:


Users browsing this thread: 1 Guest(s)