Make headers only for certain users.

Go down

Make headers only for certain users.

Post by Zuke on January 11th 2016, 9:41 pm

I'm currently using this code which adds a header on the post profile.

Code:
.topic-author {
  background: #fff;
  float: none;
  width: auto;
  text-align: left;
  position: relative;
  padding: 10px;
  background: url("http://i.imgur.com/H1KP8Z0.png");
}

http://prntscr.com/9owj1i

Forum version: PunBB

I'd like to make it for a certain user ID. Any help?
avatar
Zuke
Forumember

Male Posts : 385
Reputation : 21
Language : English
Location : United Kingdom

http://droplet.your-talk.com

Back to top Go down

Re: Make headers only for certain users.

Post by 10spetter10 on January 11th 2016, 11:09 pm

You can try this code:

Code:
$(function() {
  var userlist = ["u1","u2"]; // all the user id's that need the special background
  $('.post').each(function() {
    var userID = $(this).find('h4.username a:first').attr('href').substr(1);
    if (jQuery.inArray(userID, userlist) !== -1) {
      $(this).find('.topic-author').addClass('special');
    }
  });
});

On top you need to insert al the userid's of who need to have that background, then script will add the class special to the element with the class topic-author. So you need to set your css to
Code:
.topic-author.special
.
avatar
10spetter10
Forumember

Posts : 195
Reputation : 82
Language : Dutch

Back to top Go down

Back to top


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