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.

 

[BrolySSJ]

This can make all the difference in the world when it comes to a forum because there is a lot of people that use appeal and aesthetics in order to decide on a forum.

 

[Kane]

I have seen very few forums using different headers in each forum, but I think this is a cool idea to make your forums special. I would like to try this feature. I hope I can do it myself (I have very basic skills when it comes to editing codes)