MYBB - Background header in each forum

[Mastersly]

Hello everyone.
In this tutorial I will show you how to add an image in each forum
Like this

[hide]
STEP 1:GO ACP>>Templates and style>> Themes>>YOUR THEME >> global.css and add this
.forumnameonavatarcs {
text-align: center;
color: #fff;
font-size: 30px;
height: 115px;
margin-top: -151px;
}


STEP 2:GO ACP >> Templates and style>>Templates>>YOUR THEME>>Forum Display Templates>>forumdisplay
Bellow {$header} add this and save
<style>.forumsimagesbg1{opacity: 0.3;height: 230px;background: url("images/forums/{$foruminfo['fid']}.jpg") center center no-repeat #292929;background-size: cover !important;background-repeat: no-repeat;overflow: hidden;}</style>



<table width="100%" height="200" cellspacing="0" cellpadding="25" border="0" class='forumsimagesbg1' ></table>
<div class="forumnameonavatarcs">
{$foruminfo['name']}
</div>

Login in on your ftp and go at images/forums/
If you havent folder "forum" in images just create one and upload banners to that folder

the image files should be named
1.jpg
2.jpg
3.jpg
were 1, 2 and 3 are the forum's id or number.

if images doesn't appear correctly just play with css[/hide]

 

[Hungry Ego]

This is awesome! Thanks for sharing

 

[Ash]

Looks awesome on your community @Mastersly. Thanks for sharing this tutorial