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

Demo[size=small][font=Tahoma, Verdana, Arial, sans-serif]
https://inlobos.com/forumdisplay.php?fid=2&page=1

https://inlobos.com/forumdisplay.php?fid=4&page=1

and add this

.forumnameonavatarcs {
text-align: center;
color: #fff;
font-size: 30px;
height: 115px;
margin-top: -151px;
}

ACP >> Templates and style>>Templates>>YOUR THEME>>Forum Display Templates>>forumdisplay
{$header}

<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>

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

 

[Mariela]

Very stylish!

 

[_B_]

Love it! Thank you!

 

[Negative]

Very stylish! Good work.