MyBB Community Forums

how do i make the whole header clickable like here on mybboard.net? i have background image being used on header.

thanks

<a href="http://yoursite.com"><img src="imglink.com/img.png"></a>

That what you are looking for?

Wrap the header div in an anchor tag.

This is the part i want to be hyperlinked. including the search box.

<div class="ie_fix" id="header"><div class="float_fix headerlogo_bg"><div class="f_left"><br /><a href="http://www.footballfuror.com/index.php"><img src="images/ffuror/head.png" border="0" alt="Football Forums" /></a></div><div class="f_right" id="header_right_cell"><div align="left"> <h4>Football Forums</h4><li>Exclusive Football News</li><li>Interactive Discussions</li><li>Contests, Raffles, Bets</li></div><form method="post" action="{$mybb->settings['bburl']}/search.php"><input type="hidden" name="action" value="do_search" /><input type="hidden" name="postthread" value="1" /><input type="hidden" name="forums" value="all" /><input type="hidden" name="showresults" value="threads" /><input type="text" name="keywords" value="Search..." onfocus="if(this.value == 'Search...') { this.value = ''; }" onblur="if(this.value=='') { this.value='Search...'; }" class="textbox" size="25" /><input type="submit" class="button" value="Go" /></form></div></div></div>

thanks

Wrap that whole code in an <a> tag.

<a href="board_url_here">
<div class="ie_fix" id="header"><div class="float_fix headerlogo_bg"><div class="f_left"><br /><a href="http://www.footballfuror.com/index.php"><img src="images/ffuror/head.png" border="0" alt="Football Forums" /></a></div><div class="f_right" id="header_right_cell"><div align="left"> <h4>Football Forums</h4><li>Exclusive Football News</li><li>Interactive Discussions</li><li>Contests, Raffles, Bets</li></div><form method="post" action="{$mybb->settings['bburl']}/search.php"><input type="hidden" name="action" value="do_search" /><input type="hidden" name="postthread" value="1" /><input type="hidden" name="forums" value="all" /><input type="hidden" name="showresults" value="threads" /><input type="text" name="keywords" value="Search..." onfocus="if(this.value == 'Search...') { this.value = ''; }" onblur="if(this.value=='') { this.value='Search...'; }" class="textbox" size="25" /><input type="submit" class="button" value="Go" /></form></div></div></div>
</a>

thanks. i did that and its clickable but not as exactly as i wanted to be.

Well what exactly did you mean?

i dont show up the way it is here at mybboard.net

http://www.footballfuror.com

the header is clickable but not smooth. here at mybboard.net you can see the entire header within a container when you click it. but at my site, it doesnt show up this way.

thanks

Well to me it looks like you didn't even use the code I posted. The header still isn't clickable to me, so I can't tell what the problem is, you are going to have to explain better.

I think i put it in wrong place. Ok heres my entire header template.

<a name="top"></a>
<div class="standardwidth">
<div class="min-width"><div class="container">


<div class="page_l"><div class="ie_fix page_r">



 <div class="float_fix" id="headertabs">
 <ul>
 <li><a href="index.php" class="current"><span>Home</span></a></li>
 <li><a href="memberlist.php"><span>Member List</span></a></li>
  <li><a href="calendar.php"><span>Calendar</span></a></li>
<li><a href="usermap.php"><span>Usermap</span></a></li>
<li><a href="{$mybb->settings['bburl']}/mybank.php"><span>MyBank</span></a></li>
<li><a href="{$mybb->settings['bburl']}/mybet.php"><span>MyBet</span></a></li>
 <li><a href="misc.php?action=help"><span>Help</span></a></li></ul>

<div class="f_right header_mainlinks">
 <strong><a href="misc.php?action=syndication">RSS</a></strong> | 
 <strong><a href="archive/index.php">Lite(Archive) Mode</a></strong> | 
 <strong><a href="contact-us.php">Contact Us</a></strong> 
 </div>
 </div>
 <div class="ie_fix" id="header">
 <div class="float_fix headerlogo_bg">
 <div class="f_left"><br /><a href="http://www.footballfuror.com/index.php"><img src="images/ffuror/head.png" border="0" alt="Football Forums" /></a></div>
 <div class="f_right" id="header_right_cell">

<div align="left"> <h4>Football Forums</h4>
<li>Exclusive Football News</li>
<li>Interactive Discussions</li>
<li>Contests, Raffles, Bets</li>
</div>





<form method="post" action="{$mybb->settings['bburl']}/search.php">
<input type="hidden" name="action" value="do_search" />
<input type="hidden" name="postthread" value="1" />
<input type="hidden" name="forums" value="all" />
<input type="hidden" name="showresults" value="threads" />
<input type="text" name="keywords" value="Search..." onfocus="if(this.value == 'Search...') { this.value = ''; }" onblur="if(this.value=='') { this.value='Search...'; }" class="textbox" size="25" />
<input type="submit" class="button" value="Go" />
</form>
 </div>
 </div>
 </div>


 <div id="container">
 <br class="clear" />
 <div id="content">
 {$welcomeblock}
 {$pm_notice}
 {$bannedwarning}
 {$bbclosedwarning}
 {$unreadreports}
 <br />

<style type="text/css">
.announcement {
padding:4px;width:98%;height:98%;margin:10px auto;text-align:center;color:black;
}



.announcement a {
color:black;
}
















.a1 {
background:#fff6bf url(images/ffuror/gloss1.png) repeat-x bottom left;border:1px solid #fcda52
}
















.a2 {
background:#e1edba url(images/ffuror/gloss2.png) repeat-x bottom left;border:1px solid #a9cd60
}
















.a3 {
background:#bfd5ea url(images/ffuror/gloss3.png) repeat-x bottom left;border:1px solid #2b6f9c
}
















.roundB {
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
}
.roundBtop {
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
}
















.roundM {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
</style>
























</div>




</div>

Thanks you for help.