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.

Background post change for staff members

View previous topic View next topic Go down

Solved Background post change for staff members

Post by Garland on October 10th 2014, 3:01 pm

I remember there was a "guide" on how to change the background(with an image) of the users' posts.

let me make an example to make it more clear =s

I want to change the background of usergroups.
usergroup#1 got 4 members all those 4 members when they make posts on forum the background will be different

well more or less the same thing as its in here the staff members got that.


anyways I remember I saw this somewhere but I cant find it now


Last edited by Garland on October 13th 2014, 6:10 pm; edited 2 times in total

Garland
Forumember

Male Posts : 81
Reputation : 0
Language : Greek
Location : Greece

Back to top Go down

Solved Re: Background post change for staff members

Post by APE on October 10th 2014, 3:05 pm

Please change the title of your topic to something that is related to your question/issue, so that other users will be able to find their question/issue using the search engine.


Give this a read over Wink
http://help.forumotion.com/t110181-background-post-color

APE





APE
Manager
Manager

Male Posts : 8648
Reputation : 760
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: Background post change for staff members

Post by Garland on October 10th 2014, 6:57 pm

@APE wrote:
Please change the title of your topic to something that is related to your question/issue, so that other users will be able to find their question/issue using the search engine.


Give this a read over Wink
http://help.forumotion.com/t110181-background-post-color

APE

I hope the title is better now.

I checked that topic, but I want each of my groups with different image not every group the same

Garland
Forumember

Male Posts : 81
Reputation : 0
Language : Greek
Location : Greece

Back to top Go down

Solved Re: Background post change for staff members

Post by Van-Helsing on October 13th 2014, 9:14 am


Van-Helsing
Hyperactive

Male Posts : 2222
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

Solved Re: Background post change for staff members

Post by Garland on October 13th 2014, 12:39 pm

looks like the codes are not for PHPBB3 either

how can I make them work for phpbb3

Garland
Forumember

Male Posts : 81
Reputation : 0
Language : Greek
Location : Greece

Back to top Go down

Solved Re: Background post change for staff members

Post by Mati on October 13th 2014, 1:24 pm

Try this

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

Title : what you wish
Placement : in all the pages
Code:
$(function(){$('.st-rank').closest('.post').addClass('st-answer')});

Then wrap around your administration rank title:
Code:
<span class="st-rank"><b><font color="#CC255D">Administrator</font></b></span>

Then CSS :
Display -> Pictures and colors -> Colors -> CSS stylesheet
Code:
.post.online.st-answer {
background: url("http://illiweb.com/bl/spirale.png") repeat-y scroll left top, url("http://illiweb.com/fa/prosilver/icon_user_online_en.png") no-repeat scroll right top #E5F1F9;
}
.post.st-answer {
background: url("http://illiweb.com/bl/spirale.png") repeat-y scroll left top #E5F1F9;
}

Mati
Active Poster

Posts : 1885
Reputation : 283
Language : || HTML || CSS || jQuery ||
Location : At the Gym

http://footballforums.forumotion.net/

Back to top Go down

Solved Re: Background post change for staff members

Post by Garland on October 13th 2014, 1:41 pm

This one works thanks Mati,

now comes another small question...

I have 3 ranks and to each one of them I want to use a different background picture is this possible?

Garland
Forumember

Male Posts : 81
Reputation : 0
Language : Greek
Location : Greece

Back to top Go down

Solved Re: Background post change for staff members

Post by Mati on October 13th 2014, 1:58 pm

Let me do some edition in that code...

Mati
Active Poster

Posts : 1885
Reputation : 283
Language : || HTML || CSS || jQuery ||
Location : At the Gym

http://footballforums.forumotion.net/

Back to top Go down

Solved Re: Background post change for staff members

Post by Luffy on October 13th 2014, 1:59 pm

Hello,

Does that code work for punbb also?






Luffy
Manager
Manager

Male Posts : 4258
Reputation : 424
Language : Greek, English
Location : Greece

http://helpgr.forumgreek.com/forum

Back to top Go down

Solved Re: Background post change for staff members

Post by Mati on October 13th 2014, 2:02 pm

MrMind wrote:Hello,

Does that code work for punbb also?

Yes but you need to use this CSS code

You can add background image if you want.
Code:
.post.st-answer {
    background-color: #fff5f5 !important;
    border: 1px solid #eed3d7 !important;
}

Mati
Active Poster

Posts : 1885
Reputation : 283
Language : || HTML || CSS || jQuery ||
Location : At the Gym

http://footballforums.forumotion.net/

Back to top Go down

Solved Re: Background post change for staff members

Post by Garland on October 13th 2014, 2:40 pm

Mati™ wrote:Let me do some edition in that code...
alright, will be waiting for that, thank you a lot for your help

Garland
Forumember

Male Posts : 81
Reputation : 0
Language : Greek
Location : Greece

Back to top Go down

Solved Re: Background post change for staff members

Post by Mati on October 13th 2014, 3:02 pm

You can triplicate the script

Example:
Code:

$(function(){$('.st-rank').closest('.post').addClass('admin')});
$(function(){$('.st-rank').closest('.post').addClass('mod')});
$(function(){$('.st-rank').closest('.post').addClass('gfx')});



And the CSS:

Example:
Code:

.post.online.admin {
background: url("http://illiweb.com/bl/spirale.png") repeat-y scroll left top, url("http://illiweb.com/fa/prosilver/icon_user_online_en.png") no-repeat scroll right top #E5F1F9;
}
.post.admin {
background: url("http://illiweb.com/bl/spirale.png") repeat-y scroll left top #E5F1F9;
}

.post.online.mod {
background: url("http://illiweb.com/bl/spirale.png") repeat-y scroll left top, url("http://illiweb.com/fa/prosilver/icon_user_online_en.png") no-repeat scroll right top #E5F1F9;
}
.post.mod {
background: url("http://illiweb.com/bl/spirale.png") repeat-y scroll left top #E5F1F9;
}

.post.online.gfx {
background: url("http://illiweb.com/bl/spirale.png") repeat-y scroll left top, url("http://illiweb.com/fa/prosilver/icon_user_online_en.png") no-repeat scroll right top #E5F1F9;
}
.post.gfx {
background: url("http://illiweb.com/bl/spirale.png") repeat-y scroll left top #E5F1F9;
}

Mati
Active Poster

Posts : 1885
Reputation : 283
Language : || HTML || CSS || jQuery ||
Location : At the Gym

http://footballforums.forumotion.net/

Back to top Go down

Solved Re: Background post change for staff members

Post by Garland on October 13th 2014, 3:12 pm

alright this seem to work now one last thing.

now what do I have to write on the rank so I can choose which background to which rank?



Code:
<span class="st-rank"><b><font color="#CC255D">Administrator</font></b></span>

this wont work now the way I want right?

Garland
Forumember

Male Posts : 81
Reputation : 0
Language : Greek
Location : Greece

Back to top Go down

Solved Re: Background post change for staff members

Post by Mati on October 13th 2014, 3:29 pm

For each members you give rank change the class.

Ex:
.admin
.mod
.gfx

Like this for each members
Code:
<span class="admin"><b><font color="#CC255D">Administrator</font></b></span>
<span class="mod"><b><font color="#CC255D">Moderators</font></b></span>
<span class="gfx"><b><font color="#CC255D">Graphic Designers</font></b></span>

Mati
Active Poster

Posts : 1885
Reputation : 283
Language : || HTML || CSS || jQuery ||
Location : At the Gym

http://footballforums.forumotion.net/

Back to top Go down

Solved Re: Background post change for staff members

Post by Garland on October 13th 2014, 3:39 pm

Edit: nvm I found where I messed up I fixed it now it works perfectly correct

thank you Mati

Garland
Forumember

Male Posts : 81
Reputation : 0
Language : Greek
Location : Greece

Back to top Go down

Solved Re: Background post change for staff members

Post by SLGray on October 13th 2014, 9:18 pm

Topic solved and archived


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36735
Reputation : 2447
Language : English
Location : United States

http://ztwds.forumotion.com/

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