The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

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

View previous topic View next topic Go down

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

Post by TruStealth™ on 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)

TruStealth™
Forumember

Posts : 107
Reputation : 1
Language : English

http://Sorry.No-Forum-Address-Given.sorry

Back to top Go down

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

Post by Ange Tuteur on 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;
}

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

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

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

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

TruStealth™
Forumember

Posts : 107
Reputation : 1
Language : English

http://Sorry.No-Forum-Address-Given.sorry

Back to top Go down

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

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

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

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

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

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

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

TruStealth™
Forumember

Posts : 107
Reputation : 1
Language : English

http://Sorry.No-Forum-Address-Given.sorry

Back to top Go down

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

Post by Ange Tuteur on 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://illiweb.com/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.

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

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

Post by TruStealth™ on 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?

TruStealth™
Forumember

Posts : 107
Reputation : 1
Language : English

http://Sorry.No-Forum-Address-Given.sorry

Back to top Go down

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

Post by Jophy on 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

Jophy
ForumGuru

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

Back to top Go down

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

Post by TruStealth™ on 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,

TruStealth™
Forumember

Posts : 107
Reputation : 1
Language : English

http://Sorry.No-Forum-Address-Given.sorry

Back to top Go down

View previous topic View next topic Back to top


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