Dec 12, 2019, 04:02 PM

News:

All free themes for SMF 2.0 have been uploaded.


A Neat Way To Enhance a Board!

Started by SMFFocus, Aug 12, 2019, 02:56 PM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

SMFFocus

I wanted to make one board (Forum Hints And Tips) really stand out for newbies, so my desire was to add an image to that board.  The issue for me was that the database would not be happy if I removed the board title and replaced it with an image or if I added HTML to the board title field.  The SMF staff walked me through it and the final solution is below. I use 2.0.11 default, but this is purely a CSS solution, so it should work on other themes.

#board_2 .info .subject {
    background: url("../images/FQ.jpg") no-repeat;
    width: 0;
    height:150px;
    padding-left: 650px;
    display: inline-block;
    overflow: hidden;
}

The width needs to be 0 and the padding-left is the exact width of your image.

That's my particular board number, image and dimensions.  Yours will vary.