It was suggested that this might make a good Tips And Tricks?
This came about from a question I asked
HERE.
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.
Thank you so much to Kindred, Illori and Sir Osis for their great patience and instruction and to Antechinus for the final code:
#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. Screenshot attached.
This solution allows me to still have text in the Forum Title field, even though it does not show. I opted not to have anything in the description field and, in my case, simply Photoshopped what I wanted onto my image. But you can certainly add a text description and moderators, as well, without issue. (The second screenshot shows that option.)
Yippee!
