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

View source for Images - How do I add images to the board's description From Online Manual

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

Jump to: navigation, search

You do not have permission to edit this page, for the following reason:

The action you have requested is limited to users in one of the groups: Users, SMF_Team_Members.

You can view and copy the source of this page.

== 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:

{{Code|1=
#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.

<noinclude>[[Category:FAQ]]</noinclude>

Templates used on this page:

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

Retrieved from "https://wiki.simplemachines.org/smf/Images_-_How_do_I_add_images_to_the_board%27s_description"

Navigation

Search

Tools

View source for Images - How do I add images to the board's description From Online Manual