how to add a backgrounds in text area and user info area Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skinReturn 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.
3 posters

    how to add a backgrounds in text area and user info area

    TruStealth™
    TruStealth™
    Forumember


    Posts : 107
    Reputation : 1
    Language : English

    In progress how to add a backgrounds in text area and user info area

    Post by TruStealth™ January 22nd 2014, 7:36 pm

    I used search and could not locate what I'm seeking, I want to add backgrounds to the following locations: Below are images:

    IMG:

    IMG:

    "I apologize if I have over looked it by accident"


    Last edited by BewizPro on January 22nd 2014, 7:37 pm; edited 1 time in total (Reason for editing : added to title)
    Ange Tuteur
    Ange Tuteur
    Forumaster


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

    In progress Re: how to add a backgrounds in text area and user info area

    Post by Ange Tuteur January 22nd 2014, 8:42 pm

    Hello BewizPro,

    For a background image in the messages add this to your CSS :
    Administration Panel > Display > Pictures and colors > Color > CSS stylesheet
    Code:
    .post .postmain {
    background-image:url('IMAGE');
    background-position:center;
    background-repeat:no-repeat;
    }

    For the editor background image use this CSS :
    Code:
    .sceditor-container iframe, .sceditor-container textarea {
    background-image:url('IMAGE') !important;
    background-position:center !important;
    background-repeat:no-repeat !important;
    }
    TruStealth™
    TruStealth™
    Forumember


    Posts : 107
    Reputation : 1
    Language : English

    In progress Re: how to add a backgrounds in text area and user info area

    Post by TruStealth™ January 22nd 2014, 9:23 pm

    these settings when admin post or everyone one because I want different ones for members and staff
    Ange Tuteur
    Ange Tuteur
    Forumaster


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

    In progress Re: how to add a backgrounds in text area and user info area

    Post by Ange Tuteur January 22nd 2014, 9:28 pm

    You would need to use javascript if you wanted to do that.
    TruStealth™
    TruStealth™
    Forumember


    Posts : 107
    Reputation : 1
    Language : English

    In progress Re: how to add a backgrounds in text area and user info area

    Post by TruStealth™ January 22nd 2014, 11:01 pm

    I figured that but I don't know how to do that.
    Ange Tuteur
    Ange Tuteur
    Forumaster


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

    In progress Re: how to add a backgrounds in text area and user info area

    Post by Ange Tuteur January 22nd 2014, 11:56 pm

    Administration Panel > Modules > Javascript codes management > Create a new script

    Title : what you wish
    Placement : in all the pages
    Code:
    jQuery(document).ready(function() {
    jQuery('.post:has(.adminrang) .postmain').addClass('sp_rang');
    });

    Then CSS :
    Display > Pictures and colors > Colors > CSS stylesheet
    Code:
    .sp_rang {
    background-image:url('http://2img.net/i/fa/optimisation_fdf/fr/bg_posttitle.png');
    background-position:center;
    background-repeat:no-repeat;
    }

    Then wrap this around your administration rank :
    Code:
    <span class="adminrang"></span>

    It should look :
    Code:
    <span class="adminrang">ADMINISTRATOR</span>

    For each new rank change that class and then update the script with it. For example :
    Code:
    jQuery(document).ready(function() {
    jQuery('.post:has(.adminrang) .postmain').addClass('sp_rang');
    jQuery('.post:has(.memberrang) .postmain').addClass('mem_rang');
    });

    NOTE : You must give the rank to the members you want to have this background.
    TruStealth™
    TruStealth™
    Forumember


    Posts : 107
    Reputation : 1
    Language : English

    In progress Re: how to add a backgrounds in text area and user info area

    Post by TruStealth™ January 23rd 2014, 12:18 am

    Okay thanks for the helpful reply so far good added one to admins if I run into problems is it possible to reopen if I run into problems?
    Jophy
    Jophy
    ForumGuru


    Male Posts : 17924
    Reputation : 836
    Language : English
    Location : Somewhere

    In progress Re: how to add a backgrounds in text area and user info area

    Post by Jophy January 23rd 2014, 10:41 am

    BewizPro wrote:Okay thanks for the helpful reply so far good added one to admins if I run into problems is it possible to reopen if I run into problems?
    If you mean if you want to open a new topic for questions, you can Wink
    TruStealth™
    TruStealth™
    Forumember


    Posts : 107
    Reputation : 1
    Language : English

    In progress Re: how to add a backgrounds in text area and user info area

    Post by TruStealth™ January 24th 2014, 5:30 am

    Still working at this may put it on hold for a few days going out of town so if possible please don't do anything with this thread as I'm to be away from the keyboard for awhile since im going out of town.

    Thanks forumotion staff,