Make headers only for certain users. Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skinReturn to the skin page

The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

    Make headers only for certain users.

    avatar
    Guest
    Guest


    Make headers only for certain users. Empty Make headers only for certain users.

    Post by Guest 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?
    10spetter10
    10spetter10
    Forumember


    Posts : 195
    Reputation : 82
    Language : Dutch

    Make headers only for certain users. Empty Re: Make headers only for certain users.

    Post by 10spetter10 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
    .