MyBB.de Forum
MyBB Header menu erstellen. - Druckversion

+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: Anpassungen (https://www.mybb.de/forum/forum-47.html)
+--- Forum: Theme-Diskussionen (https://www.mybb.de/forum/forum-84.html)
+--- Thema: MyBB Header menu erstellen. (/thread-31890.html)



MyBB Header menu erstellen. - SimbaZockt - 19.04.2015

Hallo leute.

Bin ich ein total PHP noob und weiß nicht genau wie ich es anstelle und zwar möchte ich auf
meiner internet seite www.cubepixel.de einen gleich reiter wie der "extra" bereich für eine Dynmap machen. Praktisch soll das menu Dynmap heißen. IN dem Links zu 4 dynmaps sind.

Vielleicht kann mir jemand dabei helfen. Zurzeit sieht meine Header so aus.


PHP-Code:
<a name="top" id="top"></a>
<
div id="container">
<
div id="header">
<
div id="content">
<
div class="wrapper">
<
div class="menu">
<
ul>
<
li id="nav-portal"><a href="{$mybb->settings['bburl']}/index.php"><i style="font-size: 12px;" class="fa fa-home fa-fw"></iHome</a></li>
<
li id="nav-forums"> <a href="{$mybb->settings['bburl']}/portal.php"><i style="font-size: 12px;" class="fa fa-comments fa-fw"></iForums</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"></iMembers</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-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-angle-down fa-fw"></i>Extras</a></li>
 <li><a href='javascript:;' id="dynmap"><i style="font-size: 14px;" class="fa fa-angle-down fa-fw"></i>Dynmaps</a></li>
     <ul>
           </div
 <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 Status</a>
     </div>
    
  
<div class="popup_item_container">
       <a href="{$mybb->settings['bburl']}/showteam.php" class="popup_item">Das 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>

 <div id="dynmap_popup" class="popup_menu" style="display: none;">
     <div class="popup_item_container">
       <a href="http://cubepixel.de:8123/#" class="popup_item">Magic Forest</a>
   </div>
 </div>

<
div class="topbar"
<
div class="float_left" style="margin-left: 2%; margin-top: 60px;"
<
a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}alt="{$mybb->settings['bbname']}/></a></div>
 <div class="float_right" style="margin-top:  60px;">{$welcomeblock}</div
 </div>
        <br />
         {$pm_notice}
{
$bannedwarning}
{
$bbclosedwarning}
{
$unreadreports}
{
$pending_joinrequests}
{
$awaitingusers}
              <navigation><br />
                                  
<script type="text/javascript">
// <!--
   if(use_xmlhttprequest == "1")
   {
       $("#extraslink").popupMenu();
   }
// -->
</script



RE: MyBB Header menu erstellen. - MrBrechreiz - 19.04.2015

Versuchs mal bitte so.

Code:
<a name="top" id="top"></a>
<div id="container">
<div id="header">
<div id="content">
<div class="wrapper">
<div class="menu">
<ul>
<li id="nav-portal"><a href="{$mybb->settings['bburl']}/index.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']}/portal.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-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-angle-down fa-fw"></i>Extras</a></li>
<li><a href='javascript:;' id="dynmap"><i style="font-size: 14px;" class="fa fa-angle-down fa-fw"></i>Dynmaps</a></li>
<ul>
</div>
<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 Status</a>
</div>
<div class="popup_item_container">
<a href="{$mybb->settings['bburl']}/showteam.php" class="popup_item">Das 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>
<div id="dynmap_popup" class="popup_menu" style="display: none;">
<div class="popup_item_container">
<a href="http://cubepixel.de:8123/#" class="popup_item">Magic Forest</a>
</div>
</div>
<div class="topbar">
<div class="float_left" style="margin-left: 2%; margin-top: 60px;">
<a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" /></a>
</div>
<div class="float_right" style="margin-top:  60px;">{$welcomeblock}</div>
</div>
<br />
{$pm_notice}
{$bannedwarning}
{$bbclosedwarning}
{$unreadreports}
{$pending_joinrequests}
{$awaitingusers}
<navigation><br />
                                 
<script type="text/javascript">
// <!--
  if(use_xmlhttprequest == "1")
  {
      $("#extraslink").popupMenu();
  }
  if(use_xmlhttprequest == "1")
  {
      $("#dynmap").popupMenu();
  }
// -->
</script>



RE: MyBB Header menu erstellen. - SimbaZockt - 19.04.2015

Woow vielen lieben dank! Smile

wenn ich jetzt einen 2 link hinzufügen will?

so?

<div id="dynmap_popup" class="popup_menu" style="display: none;">
<div class="popup_item_container">
<a href="http://cubepixel.de:8123/#" class="popup_item">Magic Forest</a>
<a href="http://cubepixel.de:8124/#" class="popup_item">Lightcity</a>
</div>
</div>


RE: MyBB Header menu erstellen. - MrBrechreiz - 19.04.2015

Nicht ganz, sollte dann so aussehen.

Code:
<div id="dynmap_popup" class="popup_menu" style="display: none;">
<div class="popup_item_container">
<a href="http://cubepixel.de:8123/#" class="popup_item">Magic Forest</a>
</div>
<div class="popup_item_container">
<a href="http://cubepixel.de:8123/#" class="popup_item">Magic Forest 2</a>
</div>
</div>