Printable Version of Topic
Click here to view this topic in its original format
Jcink.com Forums > General Support > Board images for different forums [SOLVED]


Posted by: LEVI May 15 2018, 01:51 PM
Site: http://snowred.b1.jcink.com/

I want different images for each board I have. The problem is, trying to specify in the CSS by row #'s isn't working. I used #cat-1 to specify the category, but this makes it so that every board in the category has the same image, which is not quite what I'm trying to achieve.

Any thoughts? I've done this before, but it was using a converter from the Custom Forum Structure by Black to Jcink's HTML templates. I'm solely working with the HTML templates now so I'm not sure how to specify by row number.

Posted by: John May 15 2018, 02:36 PM
You've got the idea you just need the right variable to get it done. You're right cat_id won't work for this, but I know what will.

The variable <!-- |forum_id| -->, in the forum row, will get you the forum id.

so

change:

CODE
<div class="brdimg"> </div>


to:

CODE
<div class="brdimg-<!-- |forum_id| -->"> </div>


Now you'll be able to use the forum id at the end of the bdrimg class in your css for each forum to add an image http://files.b1.jcink.com/html/emoticons/smile.gif ex: bdrimg-1 for forum id #1

Posted by: LEVI May 15 2018, 02:53 PM
Thanks, John! Just one last quick question.

I put this in my css and I didn't get the image to appear. Am I misunderstanding?

CODE
.brdimg-1 {
background-image:url('http://files.jcink.net/uploads/snowred/destruction/boarddesc_1.png');
}


Quick edit: I think I fixed it! Thank you.

Posted by: John May 15 2018, 11:27 PM
I was gonna say -- that should have worked, but glad you got it solved.

One note.

I notice you're using http://snowred.b1.jcink.com/

try to use https://snowred.jcink.net/ since b1.jcink.com is deprecated and https is best going forward. you should also prefix the background image links to be https rather than http, just for future compatability http://files.b1.jcink.com/html/emoticons/smile.gif

Posted by: LEVI May 16 2018, 10:31 AM
Thanks John, I definitely planned to. You can mark this as solved, thank you for the assistance.

Posted by: John May 16 2018, 10:41 AM
This topic has been solved. If you need anymore help please post a new thread. Thanks for choosing Jcink services.

'
Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)