Add a background image to the editor Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skin • Return to the skin page

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.
The forum of the forums
2 posters

    Add a background image to the editor

    Ange Tuteur
    Ange Tuteur
    Ange Tuteur
    Forumaster


    Male Posts : 13246
    Reputation : 3000
    Language : English & 日本語
    Location : Pennsylvania
    • Post n°1

    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



    This trick is by Matriochka of the French support, It has been translated to English by Ange Tuteur.

    To submit a tutorial, please read the following topic : How to submit a tutorial

    Ape likes this post

    • Back to top
    skouliki
    skouliki
    skouliki
    Manager
    Manager


    Female Posts : 15169
    Reputation : 1696
    Language : English,Greek
    Location : Greece
    • Post n°2

    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

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

    • Back to top