Images - How do I add images to the board's description

From Online Manual

Jump to: navigation, search

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.