MyBB Community Forums

Full Version: Getting forum header to match with website header
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Hey everyone,

First off, I would like to say that I appreciate all of your help on this.

What I am trying to do, is to get the navigation and header of this page:
http://www.journalnetwork.net

as the header of my forum which is on this page:
http://www.journalnetwork.net/community

Can anyone help me out? This is my index file for the website:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Journal NETwork - find your peeps.</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="layout.css" rel="stylesheet" type="text/css" />
<script src="maxheight.js" type="text/javascript"></script>
<!--[if lt IE 7]>
	<link href="ie_style.css" rel="stylesheet" type="text/css" />
<![endif]-->
</head>

<body id="page1" onload="new ElementMaxHeight();">
   <!-- header -->
   <div id="header">
      <div class="container">
         <div class="row-1">
            <div class="logo"><a href="index.html"><img alt="" src="images/logo.jpg" /></a></div>
            <ul class="top-links">
               <li><a href="index.html"><img alt="" src="images/top-icon1.jpg" /></a></li>
               <li><a href="#"><img alt="" src="images/top-icon2.jpg" /></a></li>
               <li><a href="contact-us.html"><img alt="" src="images/top-icon3.jpg" /></a></li>
            </ul>
         </div>
         <div class="row-2">
         	<!-- nav box begin -->
            <div class="nav-box">
            	<div class="left">
               	<div class="right">
                  	<ul>
                     	<li><a href="index.html" class="first"><em><b>HOME</b></em></a></li>
                        <li><a href="about-us.html"><em><b>ABOUT US</b></em></a></li>
                        <li><a href="http://www.journalnetwork.net/community"><em><b>MESSAGE BOARDS</b></em></a></li>
                        <li><a href="partners.html"><em><b>SUPPORT</b></em></a></li>
                        <li><a href="contact-us.html" class="last"><em><b>CONTACT US</b></em></a></li>
                     </ul>
                  </div>
               </div>
            </div>


This is what I have tried to work with on my style header on the forum:
Template -> Header
<head><link href="style2.css" rel="stylesheet" type="text/css" />
<link href="layout.css" rel="stylesheet" type="text/css" />
<script src="maxheight.js" type="text/javascript"></script></head>
&nbsp;<!-- nav box begin -->
            <div class="nav-box">
            	<div class="left">
               	<div class="right">
                  	<ul>
                     	<li><a href="index.html" class="first"><em><b>HOME</b></em></a></li>
                        <li><a href="about-us.html"><em><b>ABOUT US</b></em></a></li>
                        <li><a href="http://www.journalnetwork.net/community"><em><b>MESSAGE BOARDS</b></em></a></li>
                        <li><a href="partners.html"><em><b>SUPPORT</b></em></a></li>
                        <li><a href="contact-us.html" class="last"><em><b>CONTACT US</b></em></a></li>
                     </ul>
                  </div>
               </div>
            </div>
<div id="container">
		<a name="top" id="top"></a>
		<div id="header">
			<div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>
			<div class="menu">
				<ul>
					<li><a href="{$mybb->settings['bburl']}/search.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/search.gif" alt="" title="" />{$lang->toplinks_search}</a></li>
					<li><a href="{$mybb->settings['bburl']}/memberlist.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/memberlist.gif" alt="" title="" />{$lang->toplinks_memberlist}</a></li>
					<li><a href="{$mybb->settings['bburl']}/calendar.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/calendar.gif" alt="" title="" />{$lang->toplinks_calendar}</a></li>
					<li><a href="{$mybb->settings['bburl']}/misc.php?action=help"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/help.gif" alt="" title="" />{$lang->toplinks_help}</a></li>
				</ul>
			</div>
			<hr class="hidden" />
			<div id="panel">
				{$welcomeblock}
			</div>
		</div>
		<hr class="hidden" />
		<br class="clear" />
		<div id="content">
			{$pm_notice}
			{$bannedwarning}
			{$bbclosedwarning}
			{$unreadreports}<!-- ProfileComments -->
			{$commentalert}<!-- /ProfileComments -->
                        {$MyMood}
			<navigation>
			<br />

MyMood:&nbsp;<a&nbsp;href="mood.php"&nbsp;target="_blank">{$post['mood']}</a><br&nbsp;/>


Thanks for the help!
I also don't know where to find the global.css... I'm using the theme that comes with mybb.
Anyone? Please