MyBB Community Forums

Full Version: IMG in header.
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Hello again. I have this forum http://arctikcs.com/ and i want to put an entre image in logo header .

This is header

http://prntscr.com/dtkttu 

In header i want to put this http://i.imgur.com/DAzrpBg.png but i want to be behind the forum buttos (Home,FOrums,etc). How can i do this ?
Hi there and thanks for asking. The steps to do this are as followed;

1) Open your AdminCP and login if you aren't already.
2) Open the templates and styles tab.
3) Click templates in the sidebar.
4) Open the template set for your theme.
5) Open the subtemplate set for headers
6) Open the header template. By default you'll see something like this:
[Image: lrackl.png]
7) You'll need to adjust the line that states, ,
"<a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>"
to,
"<a href="{$mybb->settings['bburl']}/"><img src="link-to-your-image" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}"style="min-width: 100%; max-width: 100%;" /></a>",
and put above the the wrapper and logo "div"s. This will allow your image to be a full header.
8) I also recommend uploading the image to your webserver and not hotlinking to Imgur. Doing this on bigger sites unfairly takes away a lot of money away from Imgur as they're behind the Fastly CDN which costs between $0.12 and $0.28 per GB.



Did this resolve your issue?



Also I noticed that you were using the same theme, or a very similar theme, to RaidForums, did you buy a license to use the theme? Keep in mind that the MyBB Support Eligibality Policy does not allow people to use unlicensed code, themes, etc.
I don't have the code you told me.

This is my header.

<div class="smenu slide-menu-top">
<div class="wrap">
<div class="closebtn">
<li><a href="{$mybb->settings['bburl']}/search.php" class="advancesearch"><i class="fa fa-gear advsearch"></i></a></li>
<li><a href="#" class="close-menu">Close <i class="fa fa-arrow-circle-o-up"></i></a></li>
</div>
<div class="sleft" style="float:left;"><form id="searchform" action="search.php" method="post">
<input type="hidden" value="do_search" name="action">
<input type="hidden" value="" name="tid">
<input name="keywords" type="text" value="Search..." class="text_input"
onblur="if(this.value==''){this.value='Search...';}"
onfocus="if(this.value =='Search...') {this.value=''; }" />
<input type="submit" value="Click to Search"></input>
</form>
</div>
</div>
</div>
<div class="headermain">
<div class="wrap">
<div class="header">

<div class="menuwrap">
<ul class="majestic">
<li><a href="{$mybb->settings['bburl']}" id="home"><i class="fa fa-home"></i><strong>Home</strong><small>Show Off All</small></a></li>
<li><a href="{$mybb->settings['bburl']}/index.php" id="forums"><i class="fa fa-file-text"></i><strong>Forums</strong><small>Community</small></a>
<ul>
<li><a href="{$mybb->settings['bburl']}/search.php?action=getnew"><i class="fa fa-link"></i>{$lang->welcome_newposts}</a></li>
<li><a href="{$mybb->settings['bburl']}/search.php?action=getdaily"><i class="fa fa-link"></i>{$lang->welcome_todaysposts}</a></li>
</ul>
</li>
<li><a href="{$mybb->settings['bburl']}/memberlist.php" id="memberlist"><i class="fa fa-group"></i><strong>Members</strong><small>Memberlist</small></a></li>
<li class="nav-toggler toggle-slide-top"><a href="#"><i class="fa fa fa-search"></i><strong>Search</strong><small>Search Forum</small></a></li>

<li><a href=""><i class="fa fa-chevron-down"></i><strong>More</strong><small>More Links</small></a>
<ul>
<li><a href="#"><i class="fa fa-link"></i>Link 1</a></li>
<li><a href="#"><i class="fa fa-link"></i>Link 2</a>
<li><a href="#"><i class="fa fa-link"></i>Link 3</a></li>
<li><a href="#"><i class="fa fa-link"></i>Link 4</a></li>
</ul>
</li>
</ul>
</div>

<div class="logo"><a href="{$mybb->settings['bburl']}/index.php" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" />


</a></div>
</div>
</div>
</div>
<div class="smallheader" id="navcont">
<div class="wrap">

<div class="rblock margin">
<a class="fixed" title="Switch to Fixed width"><i class="fa fa-indent" style="margin-top: 12px;"></i></a>
<a class="fluid hidden" title="Switch to Fluid Width" ><i class="fa fa-dedent" style="margin-top: 12px;"></i></a>
</div>
<div class="rblock">
<div class="patternchanger">
<ul>
<li><a title="Theme Options"><i class="fa fa-image" style="margin-top:12px;"></i></a>
<ul class="paneldropdown themepanel">

<div class="colors">
<span>Background Colors</span>
<ul>
<li class="cred"><a rel="red" class="styleswitch"></a></li>
<li class="cgreen"><a rel="green" class="styleswitch"></a></li>
<li class="cblue"><a rel="blue" class="styleswitch"></a></li>
<li class="cyellow"><a rel="yellow" class="styleswitch"></a></li>
<li class="corange"><a rel="orange" class="styleswitch"></a></li>
<li class="cpurple"><a rel="purple" class="styleswitch"></a></li>

<li class="cnavy"><a rel="navy" class="styleswitch"></a></li>
<li class="cgrey"><a rel="grey" class="styleswitch"></a></li>
<li class="cpink"><a rel="pink" class="styleswitch"></a></li>
<li class="cteal"><a rel="teal" class="styleswitch"></a></li>
<li class="cbrown"><a rel="brown" class="styleswitch"></a></li>
<li class="ccement"><a rel="cement" class="styleswitch"></a></li>
</ul>
</div>

<div class="images">
<span>Background images</span>
<ul class="backgrounds">
<li class="bg19"></li>
<li class="bg20"></li>

</ul>
</div>

</ul>
</li>
</ul>
</div>
</div>
<div class="rblock">{$welcomeblock}</div>

<div class="lblock">
<div class="socialmenu">
<ul>
<li><a class="ease-all" href="#" title="Like Our Page on Facebook"><i class="fa fa-facebook"></i></a></li>
<li><a class="ease-all" href="#" title="View our Youtube Channel"><i class="fa fa-youtube"></i></a></li>

</ul>
</div>
</div>

</div>
</div>
<div id="container">
<div id="content">
<navigation>
{$pm_notice}
{$bannedwarning}
{$bbclosedwarning}
{$unreadreports}{$myprofile_alertbar}
{$pending_joinrequests}
{$awaitingusers}
<center>
<a href="http://arctikcs.com" target="_blank"><img src="http://i.imgur.com/gdCWJI2.png" border="0" width="344" height="46" alt=""/></a>
<a href="http://arctikcs.com" target="_blank"><img src="http://i.imgur.com/gdCWJI2.png" border="0" width="344" height="46" alt=""/></a>
<a href="http://arctikcs.com" target="_blank"><img src="http://i.imgur.com/gdCWJI2.png" border="0" width="344" height="46" alt=""/></a>
</center>

<!-- BAM -->{$bam_announcements}<!-- /BAM -->
<br />

<div class="newsticker">
<div class="newsTicker">
<span class="news-header"><i class="fa fa-microphone"></i> Anunturi</span>
<div class="news-articleWrap">
<a class="news-article" href="#" target="_blank">Bun venit pe arctikcs-romania</a>
<a class="news-article" href="http://arctikcs.com/showthread.php?tid=4" target="_blank">Metin2Arctikcs - www.metin2.arctikcs.com</a>
</div></div></div>
You should put the code in code tags:
[ code ] [ / code ] (Don't include the spaces)

This makes it easier for us to read through everything.
I'm not understand....please can you make me the header and put the script right there ?

UP!Please can someone help me !!

UP! Please can someone help me..