The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Add a background image to the editor

2 posters

Go down

Tutorial Add a background image to the editor

Post by Ange Tuteur March 17th 2014, 10:32 am

Add a background image to the editor


The following trick will allow you to add a background image to the text editor of your Forumotion forum, just like on the support forum :
Add a background image to the editor Captu370

To reproduce this trick, no conditions should be met. This applies to all forum versions.


Modifying the stylesheet

Go to Administration Panel ► Display ► Colors ► CSS stylesheet. It's here that the change will happen.

Add the following code and click Add a background image to the editor Submit10:
Code:
.sceditor-container iframe, .sceditor-container textarea {
    background:url(https://2img.net/i/fa/empty.gif) !important;
}

Modifying the code :
background defines the background of an element.
url(https://2img.net/i/fa/empty.gif) : replace https://2img.net/i/fa/empty.gif with the URL of the image that you want to appear in the editor.

You can even choose to customize this background :

background-repeat :
--- repeat-y : repeats the background on the vertical axis
--- repeat-x : repeats the background on the horizontal axis
--- no-repeat : prevents the background from repeating

background-position :
--- top / middle / bottom : aligns the image on the vertical axis
--- left / center / right : aligns the image on the horizontal axis


Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Ape likes this post

Back to top Go down

Tutorial Re: Add a background image to the editor

Post by skouliki February 9th 2020, 9:28 am

This code was updated to fit in with the new HTTPS address

updated 09.02.2020 by skouliki
skouliki
skouliki
Manager
Manager

Female Posts : 15391
Reputation : 1709
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

محمد قدوتنا likes this post

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum