Images - How do I add images to the board's description: Difference between revisions From Online Manual

Jump to: navigation, search
 
Line 23: Line 23:
"'''float: left;'''" or "'''float: right;'''" can be used to allow the text to wrap around the image. This will work better for larger images.
"'''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.
You may also use <img> HTML tags in the board description.


== SMF 2.1 ==
== SMF 2.1 ==

Latest revision as of 13:08, 5 December 2018

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.



Advertisement: