Signature Content Height Specific Member

Hello,

Is it possible to target the signature height of specific users on PunBB? In general we have the max-height set on 200px with the overflow on hidden, but I'd like to grant some members a bigger max-height. I know it is possible to target specific usernames etc. with a href, so I was wondering if it was possible to do something like that also for the signature max-height content of specific users.

tl;dr Everyone has a max-height of 200px, I want to give user X and Z a max-height of 300px.

Regards,

Cas

No sadly this can not be done sorry.

Add the following code and enable it only on the topics:

Code:

document.addEventListener('DOMContentLoaded', function() {
   document.querySelectorAll('.postbody > .user .username a[href^="/u"]').forEach(el => {
      el.closest('.post').classList.add(`user-${ el.getAttribute('href').match(/\d+/)[0] }`);
   });
});

Now you can target a specific's users topic by using selectors like

Code: .post.user-USERID

.

Note: The previous code won't work if your templates are heavily modified. If that's the case, please modify the code to fit your template's special needs.

As an example, let's assume we own this forum and that we want to target my topics specifically. We are also going to assume that this forum has the FM's punBB version. First, we would go to my profile so we can find what my ID is. My profile's URL is the following:

Code:

https://help.forumotion.com/u91789

From that we can infer that my ID is

Code: 91789

. Now we can target my posts' signatures by using the following selector:

Code:

.post.user-91789 .sig-content {
   /* do something to the signatures */
}


Thanks for the response. I have added the code and enabled it in topics only. I have tried it out, but it doesn't work. The CSS I am using for all members is:

.pun .sig-content {
max-height: 200px;
overflow: hidden;
}

Now I've added the following CSS which you provided to test out whether the signature of a single user could be extended:

.post.user-1 .pun .sig-content {
max-height: 400px;
overflow: hidden;
}

Unfortunately, it stays at 200px. Could you perhaps tell me where I messed up? The templates are not really altered so I don't think the issue lies there.

Class

Code: .pun

references the container of the whole forum (like

Code: #wrap

in FM's phpBB3). Posts are inside

Code: .pun

so you would have to put it first, like this:

Code:

.pun .post.user-1 .sig-content

But, it's not necessary at all. As said in my previous answer, you only need the following:

Code:

.post.user-1 .sig-content

If you still have trouble getting it to work I will need your forum's URL or I won't be able to help you.

Here you go, a topic in which it can be seen http://www.fairytailrp.com/t51052-testing#435571

I added this to the CSS to test it out

Code:

.post.user-24283 .sig-content {
  max-height: 600px;
  overflow: hidden;
}

But the height is still 200px.

The code relies on the profile links to work correctly, thus, profiles need to be enabled if you want guests to be able to see the difference. As I am a guest in your forum, I cannot see the code working (because it can't). You need to go to

Code: AP → Users & Groups → Special Rights → Special Rights

and set the “View the profile” setting to “Guests”.

I've changed it to guests, but it still cuts off the signature at 200px.

Yep, I'm afraid the problem is what I said in the note, if you have your templates edited you will have to modify the code accordingly.

Here's what you should be using for your specific case:

Code:

document.addEventListener('DOMContentLoaded', function() {
   document.querySelectorAll('.cabezal .author a[href^="/u"]').forEach(el => {
      el.closest('.post').classList.add(`user-${ el.getAttribute('href').match(/\d+/)[0] }`);
   });
});

Please use the code tags when posting codes.

Thanks, solved!