SMF 2.0.x and 2.1
To add images to each board's description, edit the file index.css located in /Themes/YOURTHEME/css/ and add the following for each image:
#board_ID .info p:before { content: ""; display: inline-block; margin: 2px 5px 0 0; vertical-align: middle; background: url("mypic.png") no-repeat left center / 100% auto; height: 30px; width: 30px; }
Where:
- ID: the board ID
- mypic.png: the URL to your image.
- width: the height of your image.
- height: the width of your image.
"float: left;" or "float: right;" can be used to allow the text to wrap around the image. This will work better for larger images.
You may also use <img> HTML tags in the board description.
SMF 2.1
In SMF 2.1 [img] BBC tags can be used in the description.