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.

SMF 2.0.x also allows img HTML tags in the board description. This has been replaced with BBC on SMF 2.1.

SMF 2.1

In SMF 2.1 [img] BBC tags can be used in the description.