Question regarding Wordpress header above Mybb.

Trax

New member
Hi all,

Could anyone provide me with any links, or helpful advice on how to have a wordpress header (from my mainpage) with menus, to appear over a mybb forum (similar to how it's done here on gigalicious.com). I am new to mybb, wordpress, and php. I've only really worked with SMF forum software but I grew tired of their community who pretty much told me to give up on trying to get a wordpress header over smf. After doing some research it appears several people have been quite successful achieving similar goals (silvertails.net/forum/ for example) using mybb software.

I saw a post referencing the header of this forum here - gigalicous.com/forum/thread-433.html?highlight=wordpress+header+over+mybb but I thought making a new thread would be more beneficial.

I currently set up a dummy site with place holder images (no CSS work yet) with smf, but I had no luck getting the wp header and smf to function properly so I am doing a fresh install of mybb now. test.inglouriousbasterds.org

If anyone reading these boards could either pm me, or reply I would greatly appreciate it. If it's something complicated that requires advanced php work, I wouldn't mind hiring someone to do so, I just don't know where to look!

Thanks!


// these forums wouldn't allow me to post clickable links, sorry for the sloppy links //
 

Trax

New member
Sander k said:
This plugin should be able to help you... I think: wordpress.org/plugins/zingiri-forum/

I looked into that, it didn't really offer what I was looking for. Who developed this website? Maybe I could ask them. Because what I am trying to do was done here for this website (as seen above).
 

admin

Administrator
Staff member
The menu is coded to include a static menu pulling in all areas of the website.

Look through our css and html and you should be able to create it yourself and edit to match your own website.

I used cURL to pull in the menu into Wordpress, myBB, WHMCS and our server status script.


Here`s how ours is done:

Code:
<!-- start nav-->


<div id='cssmenu'>

<ul>
   <li><a href='http://www.gigalicous.com'><span>Home</span></a></li>
   
   
   
   <li><a href='http://www.gigalicous.com/free-hosting.php'><span>Free Hosting</span></a>
 
   </li>
   
   <li><a href="http://www.gigalicous.com/cpanel-hosting.php">Value Hosting</a></li>
   
       <li><a href='https://www.client.gigalicous.com/domainchecker.php'><span>Domains</span></a></li>
   
    <li class='has-sub'><a href='http://www.gigalicous.com/blog'><span>Blog</span></a>
    
    <ul>
    <li><a href='http://www.gigalicous.com/blog/category/news/'><span>News</span></a></li>
    </ul>
    </li>


   
   <li class='has-sub'><a href='http://www.gigalicous.com/forum'><span>Forums</span></a>
   
     <ul>
         <li><a href='http://gigalicous.com/forum/search.php'><span>Search</span></a></li>
    
      <li><a href='http://gigalicous.com/forum/memberlist.php'><span>Memberlist</span></a></li>
       <li><a href='http://gigalicous.com/forum/calendar.php'><span>Calender</span></a></li>
         <li><a href='http://gigalicous.com/forum/misc.php?action=help'><span>Forums Help</span></a></li>
          <li><a href='http://gigalicous.com/forum/games.php'><span>Arcade Games</span></a></li>
                <li><a href='http://gigalicous.com/forum/Forum-Competitions-Promotions'><span>Competitions</span></a></li>
               <li><a href='http://gigalicous.com/forum/misc.php?action=syndication'><span>RSS Feed</span></a></li>
      </ul>
 </li>

         <li><a href='http://www.gigalicous.com/blog/testimonials'><span>Testimonials</span></a></li>

      <li class='has-sub'><a href='http://gigalicous.com/forum/Forum-Hosting-Account-Support'><span>Support</span></a>
        <ul>
         <li><a href='http://www.client.gigalicous.com/knowledgebase.php'><span>Knowledgebase</span></a></li>
               <li><a href='http://www.status.gi9.co'><span>Server Status</span></a></li>
         </ul></li>
               <li><a href="https://www.client.gigalicous.com/clientarea.php">Client Area</a></li>
   <li class='last'><a href='http://www.gigalicous.com/blog/contact-form/'><span>Contact</span></a></li>
</ul>




</div>

<!-- end nav-->

The cURL used to pull in the menu
Code:
  <?php 
     
     $ch = curl_init();
curl_setopt($ch, CURLOPT_USERAGENT, $userAgent);
curl_setopt($ch, CURLOPT_URL, 'http://gigalicous.com/includes/nav.php');
curl_setopt($ch, CURLOPT_FOLLOWLOCATION, true);
curl_setopt($ch, CURLOPT_AUTOREFERER, true);
curl_setopt($ch, CURLOPT_RETURNTRANSFER,true);
curl_setopt($ch, CURLOPT_TIMEOUT, 10);
echo curl_exec($ch);

      ?>

The CSS to style the nav
Code:
#cssmenu{ height:37px; display:block; padding:0; margin:0;  border:1px solid;  margin-top: 50px; margin-bottom:10px; background:#1998d5; } 
#cssmenu > ul {list-style:inside none; padding:0; margin:0;} 
#cssmenu > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative;} 
#cssmenu > ul > li > a{ outline:none; display:block; position:relative; padding:12px 20px; font:bold 13px/100% Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.4); } 
#cssmenu > ul > li:first-child > a{border-radius:5px 0 0 5px;} 
#cssmenu > ul > li > a:after{ content:''; position:absolute; border-right:1px solid; top:-1px; bottom:-1px; right:-2px; z-index:99; } 
#cssmenu ul li.has-sub:hover > a:after{top:0; bottom:0;} 
#cssmenu > ul > li.has-sub > a:before{ content:''; position:absolute; top:18px; right:6px; border:5px solid transparent; border-top:5px solid #fff; } 
#cssmenu > ul > li.has-sub:hover > a:before{top:19px;} 
#cssmenu ul li.has-sub:hover > a{ background:#3f3f3f; border-color:#3f3f3f; padding-bottom:13px; padding-top:13px; top:-1px; z-index:999; } 
#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{display:block;} 
#cssmenu ul li.has-sub > a:hover{background:#3f3f3f; border-color:#3f3f3f;} 
#cssmenu ul li > ul, #cssmenu ul li > div{ display:none; width:auto; position:absolute; top:38px; padding:10px 0; background:#3f3f3f; border-radius:0 0 5px 5px; z-index:999; } 
#cssmenu ul li > ul{width:200px;} 
#cssmenu ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;} 
#cssmenu ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:8px 20px; font:10pt Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.5); } 
#cssmenu{border-color:#3589a1;} 
#cssmenu, #cssmenu > ul > li > ul > li a:hover{ background:#1998d5;} 
#cssmenu > ul > li > a{border-right:1px solid #1998d5; color:#fff;} 
#cssmenu > ul > li > a:after{border-color:#1998d5;} 
#cssmenu > ul > li > a:hover{background:#1998d5;}
 

Trax

New member
Thank you so much. I will get working on it this weekend and I'll be sure to post the results!
 

Trax

New member

Which file do I put the CURL code into ?

The CSS for the menu is it's own CSS file? or do I add it to an existing CSS?