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.

Fixing Staff Background

View previous topic View next topic Go down

In progress Fixing Staff Background

Post by Legionheart on June 13th 2016, 7:00 pm

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
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;}

Legionheart
Forum Reviewer
Forum Reviewer

Male Posts : 416
Reputation : 67
Language : English
Location : San Venganza

http://forumrate.forumotion.com/

Back to top Go down

In progress Re: Fixing Staff Background

Post by SLGray on June 13th 2016, 7:34 pm

Do you mean the black background?


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


SLGray
Administrator
Administrator

Male Posts : 36673
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

In progress Re: Fixing Staff Background

Post by Legionheart on June 13th 2016, 7:35 pm

@SLGray wrote:Do you mean the black background?
The small color ribbon on the side according to the usergroup of said person.

Legionheart
Forum Reviewer
Forum Reviewer

Male Posts : 416
Reputation : 67
Language : English
Location : San Venganza

http://forumrate.forumotion.com/

Back to top Go down

In progress Re: Fixing Staff Background

Post by SLGray on June 13th 2016, 7:37 pm

Ok. The green border on the left and right?


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


SLGray
Administrator
Administrator

Male Posts : 36673
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

In progress Re: Fixing Staff Background

Post by Legionheart on June 13th 2016, 7:38 pm

Yes, however only on the right. The color of that boarder determined by the usergroup.

Legionheart
Forum Reviewer
Forum Reviewer

Male Posts : 416
Reputation : 67
Language : English
Location : San Venganza

http://forumrate.forumotion.com/

Back to top Go down

In progress Re: Fixing Staff Background

Post by APE on June 14th 2016, 4:52 pm

Do you have the codes added to your ranks ?

like this

Code:
<span class="st-rang"><font color="red"><b> Admin</b></font>istrator</span>




APE
Manager
Manager

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

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

Back to top Go down

In progress Re: Fixing Staff Background

Post by Legionheart on June 14th 2016, 4:53 pm

Yes, but it doesn't work.

Legionheart
Forum Reviewer
Forum Reviewer

Male Posts : 416
Reputation : 67
Language : English
Location : San Venganza

http://forumrate.forumotion.com/

Back to top Go down

In progress Re: Fixing Staff Background

Post by APE on June 14th 2016, 5:05 pm

Hmm really strange let me think about this some more and get back to you on it Smile




APE
Manager
Manager

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

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

Back to top Go down

In progress Re: Fixing Staff Background

Post by APE on June 14th 2016, 6:33 pm

This is how i have mine working in my forum
JavaScript:

Code:
$(function() {
$('.st-rang').closest('.post').addClass('st-answer');
});



The first part of the code
st-rang

is in your Ranks


Code:
<span class="st-rang"><font color="red"><b> Admin</b></font>istrator</span>
Net this part is in your CSS files
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




APE
Manager
Manager

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

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

Back to top Go down

In progress Re: Fixing Staff Background

Post by Legionheart on June 14th 2016, 6:50 pm

Thank you Ape. However, we tried that and it did not work.

Legionheart
Forum Reviewer
Forum Reviewer

Male Posts : 416
Reputation : 67
Language : English
Location : San Venganza

http://forumrate.forumotion.com/

Back to top Go down

In progress Re: Fixing Staff Background

Post by APE on June 15th 2016, 1:34 am

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 Sad




APE
Manager
Manager

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

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

Back to top Go down

In progress Re: Fixing Staff Background

Post by Legionheart on June 15th 2016, 1:43 am

Its okay thanks for the attempt I really do appreciate it. I guess I will have to wait for Ange.

Legionheart
Forum Reviewer
Forum Reviewer

Male Posts : 416
Reputation : 67
Language : English
Location : San Venganza

http://forumrate.forumotion.com/

Back to top Go down

In progress Re: Fixing Staff Background

Post by APE on June 15th 2016, 2:02 am

hold on your profile says phpbb3 and we are giving you the codes for that what is the forum you wanting it on ?




APE
Manager
Manager

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

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

Back to top Go down

In progress Re: Fixing Staff Background

Post by Legionheart on June 15th 2016, 2:22 am

@APE the forum is PunBB thanks for reminding me when I swapped from PhpBB3 I forgot to edit that

Legionheart
Forum Reviewer
Forum Reviewer

Male Posts : 416
Reputation : 67
Language : English
Location : San Venganza

http://forumrate.forumotion.com/

Back to top Go down

In progress Re: Fixing Staff Background

Post by APE on June 15th 2016, 4:06 pm

LOL thats ok that maybe why some codes don't work in your forum as you know not all system like some codes.




APE
Manager
Manager

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

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

Back to top Go down

In progress Re: Fixing Staff Background

Post by Legionheart on June 15th 2016, 4:36 pm

Luffy, tried to help me with the code but we could not get it to work sadly.

Legionheart
Forum Reviewer
Forum Reviewer

Male Posts : 416
Reputation : 67
Language : English
Location : San Venganza

http://forumrate.forumotion.com/

Back to top Go down

In progress Re: Fixing Staff Background

Post by APE on June 15th 2016, 4:39 pm

I think its down to the way the system is made on that type of forum Sad come to think of it i have not seen anyone ask about this for that forum version Think




APE
Manager
Manager

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

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

Back to top Go down

In progress Re: Fixing Staff Background

Post by Legionheart on June 15th 2016, 4:46 pm

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/81fff5ef55059859d51d37279162cd91and all topics text in them have turned red. If I provide a test account think you can help?

Legionheart
Forum Reviewer
Forum Reviewer

Male Posts : 416
Reputation : 67
Language : English
Location : San Venganza

http://forumrate.forumotion.com/

Back to top Go down

In progress Re: Fixing Staff Background

Post by APE on June 15th 2016, 4:54 pm

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




APE
Manager
Manager

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

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

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