Thread Rating:
  • 1 Vote(s) - 5 Average
  • 1
  • 2
  • 3
  • 4
  • 5
[For 1.8] Background header in each forum
#1
Lightbulb 
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
Reply
#2
Thanks For Tutorial, Brother.

I Modify a little xD

[Image: A9hKgJz.png]
Reply
#3
Hi, thanks for sharing this very well explained tutorial
Reply
#4
what is this theme
Reply
#5
This one
https://shoppy.gg/product/szfIDNt
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)