2011-07-01, 08:44 AM
The contact button is currently located at the bottom of the page. I want to place the Contact button on my header page. How would I do that? I would also like to add an image besides the word 'contact.'
<div id="container">
<a name="top" id="top"></a>
<div id="header">
<div id="header" style="text-align: center;">
<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="http://www.facebook.com/pages/....."><img
src="{$theme['imgdir']}/toplinks/facebook2.png" alt="" title=""
/>Facebook</a></li>
<li><a href="http://www.twitter.com/..."><img
src="{$theme['imgdir']}/toplinks/twitter2.png" alt="" title=""
/>Twitter</a></li>
<li><a href="{$mybb->settings['bburl']}/search.php"><img src="{$theme['imgdir']}/toplinks/search.gif" alt="" title="" />{$lang->toplinks_search}</a></li>
<li><a href="{$mybb->settings['bburl']}/memberlist.php"><img src="{$theme['imgdir']}/toplinks/memberlist.gif" alt="" title="" />{$lang->toplinks_memberlist}</a></li>
<li><a href="{$mybb->settings['bburl']}/misc.php?action=help"><img src="{$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}
{$pending_joinrequests}
<navigation>
{$board_messages}
<br />
<p class="newsbar">Follow us on Twitter and Facebook for the latest news!</p>
<div id="container">
<a name="top" id="top"></a>
<div id="header">
<div id="header" style="text-align: center;">
<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="http://www.facebook.com/pages/<snip>"><img src="{$theme['imgdir']}/toplinks/facebook2.png" alt="" title="" />Facebook</a></li>
<li><a href="http://www.twitter.com/<snip>"><img src="{$theme['imgdir']}/toplinks/twitter2.png" alt="" title="" />Twitter</a></li>
<li><a href="{$mybb->settings['bburl']}/portal.php"><img src="{$theme['imgdir']}/toplinks/portal.gif" alt="" title="" />Portal</a></li>
<li><a href="{$mybb->settings['bburl']}/search.php"><img src="{$theme['imgdir']}/toplinks/search.gif" alt="" title="" />{$lang->toplinks_search}</a></li>
<li><a href="{$mybb->settings['bburl']}/memberlist.php"><img src="{$theme['imgdir']}/toplinks/memberlist.gif" alt="" title="" />{$lang->toplinks_memberlist}</a></li>
<li><a href="{$mybb->settings['bburl']}/misc.php?action=help"><img src="{$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}
{$pending_joinrequests}
<navigation>
{$board_messages}
<br />
<p class="newsbar">Follow us on Twitter and Facebook for the latest news!</p>
<div id="container">
<a name="top" id="top"></a>
<div id="header">
<h1 class="logo"><a href="{$mybb->settings['bburl']}/index.php">{$mybb->settings['bbname']}</a></h1>
<div id="navbar">
<ul class="menu">
<li class="active"><a href="{$mybb->settings['bburl']}/index.php">Home</a></li>
<li><a href="{$mybb->settings['bburl']}/search.php">{$lang->toplinks_search}</a></li>
<li><a href="{$mybb->settings['bburl']}/memberlist.php">{$lang->toplinks_memberlist}</a></li>
<li><a href="{$mybb->settings['bburl']}/misc.php?action=help">{$lang->toplinks_help}</a></li>
</ul>
<hr class="hidden" />
<div id="search">
<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 class="textbox" type="text" name="keywords" value="Search..." onfocus="if(this.value == 'Search...') { this.value = ''; }" onblur="if(this.value=='') { this.value='Search...'; }" size="25" />
<input type="submit" class="button" value="Search" />
<br class="clear">
</form>
</div>
<div id="panel">
{$welcomeblock}
</div>
<br class="clear" />
</div>
<div id="colorchanger">
<span>Pick a color</span>
<ul>
<li><a href="#de1212">Red</a></li>
<li><a href="#21d529">Green</a></li>
<li><a href="#35a2db">Blue</a></li>
</ul>
</div>
</div>
<div class="on-icon"></div>
<div class="off-icon"></div>
<div class="offlock-icon"></div>
<hr class="hidden" />
<br class="clear" />
<div id="content">
{$pm_notice}
{$bannedwarning}
{$bbclosedwarning}
{$unreadreports}
{$pending_joinrequests}
<navigation>
<br />