mNo edit summary |
|||
(2 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
SMF | == 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= | {{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: | ||
*'''width | * '''ID''': the board ID | ||
*'''height | * '''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> | <noinclude>[[Category:FAQ]]</noinclude> |
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.