MyBB Community Forums

Full Version: Background header in each forum
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Hello everyone.
In this tutorial I will show you how to add an image in each forum
Like this

Demo
https://inlobos.com/forumdisplay.php?fid=2&page=1
[Image: KhEQIx3.png]https://inlobos.com/forumdisplay.php?fid=4&page=1[Image: CUGBimz.png]


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
Thanks For Tutorial, Brother.

I Modify a little xD

[Image: A9hKgJz.png]
what is this theme
image not showing please help me ..
(2020-10-13, 04:21 PM)PARADOXP Wrote: [ -> ]image not showing please help me ..
PM me contact info or ur url I will take a look at it.