Fixing Staff Background
3 posters
Page 1 of 1
Fixing Staff Background
Forum Link: http://venthub.forumotion.com/
Forum Version: PunBB
Screenshot of what it looks like: https://gyazo.com/7c2b9ab637a732c848a9a19d07c3a496
Similar screenshot of what it should look like: https://gyazo.com/74b36575a7198611233294879c5a1367
Hello,
I needed help fixing the staff background on my forum, VentHub. I would just like it on the right side in the posts. I will provide the codes below. @Ange Tuteur
Forum Version: PunBB
Screenshot of what it looks like: https://gyazo.com/7c2b9ab637a732c848a9a19d07c3a496
Similar screenshot of what it should look like: https://gyazo.com/74b36575a7198611233294879c5a1367
Hello,
I needed help fixing the staff background on my forum, VentHub. I would just like it on the right side in the posts. I will provide the codes below. @Ange Tuteur
- Javascript:
- Code:
function parseGroupPosts() {
var groups = [
'admin', /* administrator */
'nrman', /* n r manager */
'bot', /* bot */
'sctr', /* social controller */
'hmem', /* honorary members */
'trep', /* trial reporter */
'tmod', /* trial moderator */
'gad', /* general administrator */
'nrep', /* news reporter */
'smod', /* super moderator */
'mod', /* moderator */
'mem' /* members */
],
profil = $('.post:not(.st-answer) .postprofile'),
html,
post,
i = 0,
j = profil.length,
k,
l = groups.length;
for (; i < j; i++) {
html = profil[i].innerHTML.replace(/\n/gm,'');
if (/class="st-rang.*?"/.test(html)) {
html = html.replace(/.*class="st-rang\s(.*?)".*/, '$1').replace(/\s/g, '');
post = profil[i].parentNode.parentNode;
post.className += ' st-answer';
for (k = 0; k < l; k++) {
if (html == groups[k]) {
post.className += ' ' + groups[k];
break;
}
}
}
}
};
$(parseGroupPosts);
- CSS:
- Code:
.post.st-answer.admin{border-right:5px solid #ff0000!important;}
.post.st-answer.nrman{border-right:5px solid #de0059!important;}
.post.st-answer.bot{border-right:5px solid #0AC92B!important;}
.post.st-answer.sctr{border-right:5px solid #079400!important;}
.post.st-answer.hmem{border-right:5px solid #ad8e29!important;}
.post.st-answer.trep{border-right:5px solid #a82871!important;}
.post.st-answer.tmod{border-right:5px solid #722d9c!important;}
.post.st-answer.gad{border-right:5px solid #000000!important;}
.post.st-answer.nrep{border-right:5px solid #de0059!important;}
.post.st-answer.smod{border-right:5px solid #0022ff!important;}
.post.st-answer.mod{border-right:5px solid #7f00e6!important;}
.post.st-answer.mem{border-right:5px solid #509bd9!important;}
Re: Fixing Staff Background
Do you mean the black background?
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: Fixing Staff Background
The small color ribbon on the side according to the usergroup of said person.SLGray wrote:Do you mean the black background?
Re: Fixing Staff Background
Ok. The green border on the left and right?
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: Fixing Staff Background
Yes, however only on the right. The color of that boarder determined by the usergroup.
Re: Fixing Staff Background
Do you have the codes added to your ranks ?
like this
like this
- Code:
<span class="st-rang"><font color="red"><b> Admin</b></font>istrator</span>
Re: Fixing Staff Background
Hmm really strange let me think about this some more and get back to you on it
Re: Fixing Staff Background
This is how i have mine working in my forum
JavaScript:
The first part of the code
is in your Ranks
Net this part is in your CSS files
CSS file like this:
Repeat the css files just changing the first part to each staff member
Do the same with the JavaScript
JavaScript:
- Code:
$(function() {
$('.st-rang').closest('.post').addClass('st-answer');
});
The first part of the code
st-rang |
is in your Ranks
|
st-answer |
CSS file like this:
- Code:
.post.online.st-answer {
border-left: 6px solid #F00;
}
.post.st-answer {
border-left: 6px solid #F00;
}
Repeat the css files just changing the first part to each staff member
Do the same with the JavaScript
Re: Fixing Staff Background
oh ok well then i really don't know that is how it works on my forum sorry i can't be of any more help then
Re: Fixing Staff Background
Its okay thanks for the attempt I really do appreciate it. I guess I will have to wait for Ange.
Re: Fixing Staff Background
hold on your profile says phpbb3 and we are giving you the codes for that what is the forum you wanting it on ?
Re: Fixing Staff Background
@APE the forum is PunBB thanks for reminding me when I swapped from PhpBB3 I forgot to edit that
Re: Fixing Staff Background
LOL thats ok that maybe why some codes don't work in your forum as you know not all system like some codes.
Re: Fixing Staff Background
Luffy, tried to help me with the code but we could not get it to work sadly.
Re: Fixing Staff Background
I think its down to the way the system is made on that type of forum come to think of it i have not seen anyone ask about this for that forum version
Re: Fixing Staff Background
So I your opinion should I request a script for PunBB? Also ever since it was put in my forum has been acting weird. What I mean is the homepage message profile, only my account shows up like this: https://gyazo.com/81fff5ef55059859d51d37279162cd91 and all topics text in them have turned red. If I provide a test account think you can help?
Re: Fixing Staff Background
Yes all your codes should be made for your right version some offer it to work in all version but you need to change small parts of the codes to get them to work right.
my advice is to always use a test site way before you change over from one version to the other to make sure all your codes work right before you move over. Then offer a test account to who ever is helping you at this time (making sure after this member has done helping you you change the password to that account) i also have a page on my forum that has notes on codes so i can go back to them to see what forum's version it works on if i need to.
I think the only one right now that can help here is our @Ange Tuteur but he is really busy and don't come on as much now thou
my advice is to always use a test site way before you change over from one version to the other to make sure all your codes work right before you move over. Then offer a test account to who ever is helping you at this time (making sure after this member has done helping you you change the password to that account) i also have a page on my forum that has notes on codes so i can go back to them to see what forum's version it works on if i need to.
I think the only one right now that can help here is our @Ange Tuteur but he is really busy and don't come on as much now thou
Similar topics
» Staff background.
» Staff background Gradient!
» Gradient Background For staff
» Staff background Invision
» the staff posts have a different background?
» Staff background Gradient!
» Gradient Background For staff
» Staff background Invision
» the staff posts have a different background?
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum