how to add a backgrounds in text area and user info area
3 posters
how to add a backgrounds in text area and user info area
I used search and could not locate what I'm seeking, I want to add backgrounds to the following locations: Below are images:
"I apologize if I have over looked it by accident"
- 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
Re: how to add a backgrounds in text area and user info area
Hello BewizPro,
For a background image in the messages add this to your CSS :
Administration Panel > Display > Pictures and colors > Color > CSS stylesheet
For the editor background image use this CSS :
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
-
Posts : 13244
Reputation : 2990
Language : English & 日本語
Location : Pennsylvania
Re: how to add a backgrounds in text area and user info area
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
Re: how to add a backgrounds in text area and user info area
You would need to use javascript if you wanted to do that.
Ange Tuteur- Forumaster
-
Posts : 13244
Reputation : 2990
Language : English & 日本語
Location : Pennsylvania
Re: how to add a backgrounds in text area and user info area
I figured that but I don't know how to do that.
TruStealth™- Forumember
- Posts : 107
Reputation : 1
Language : English
Re: how to add a backgrounds in text area and user info area
Administration Panel > Modules > Javascript codes management > Create a new script
Title : what you wish
Placement : in all the pages
Then CSS :
Display > Pictures and colors > Colors > CSS stylesheet
Then wrap this around your administration rank :
It should look :
For each new rank change that class and then update the script with it. For example :
NOTE : You must give the rank to the members you want to have this background.
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.
Ange Tuteur- Forumaster
-
Posts : 13244
Reputation : 2990
Language : English & 日本語
Location : Pennsylvania
Re: how to add a backgrounds in text area and user info area
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
Re: how to add a backgrounds in text area and user info area
If you mean if you want to open a new topic for questions, you canBewizPro 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?

Jophy- ForumGuru
-
Posts : 17924
Reputation : 836
Language : English
Location : Somewhere
Re: how to add a backgrounds in text area and user info area
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,
Thanks forumotion staff,
TruStealth™- Forumember
- Posts : 107
Reputation : 1
Language : English

» HOW DO I ADD AN SCROLLING INFO AREA
» Narrowing the Poster Info Area
» Border line between profile info and message area
» Text posting area
» How can I edit my text area's background?
» Narrowing the Poster Info Area
» Border line between profile info and message area
» Text posting area
» How can I edit my text area's background?
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum