MyBB Community Forums

Preview (DEMO)




STEP 1:Install last poster avatar - Download

STEP 2:Add this in global.css

.trow1{
    overflow: hidden;
}

.trow2{
[color=#111111][size=small][font=Monaco, Consolas, Courier, monospace]    overflow: hidden;[/font][/size][/color]
}

STEP 3:Go at avatarep.css  find the following code

.avatarep_img, .avatarep_bg{padding: 3px;border: 1px solid #D8DFEA;width: 40px;height: 40px;border-radius: 50%;opacity: 0.9;margin: auto;float: left}

And replace it with this

.avatarep_img, .avatarep_bg{
	overflow: visible;
    display: block;
    height: 50px;
    width: 65px;
    position: absolute;
    top: -10px;
    right: -211px;
    border-radius: 50%;
    opacity: .15;
    pointer-events: none;}

Hi, thank you for your contributions.

However, there seems to be some issues with your post.

Thanks for the idea, I just implemented a similar version on my board.

You'll definitely need to tweak this on a per theme basis, but it's good!

https://prnt.sc/xf2bro

(2021-01-16, 07:28 AM)Mastersly Wrote: [ -> ]STEP 2:Add this in global.css

.trow1{
    overflow: hidden;
}

.trow2{
[color=#111111][size=small][font=Monaco, Consolas, Courier, monospace]    overflow: hidden;[/font][/size][/color]
}

Not personally needing the tutorial but on quick initial reading of such it appears you have an issue with step 2 snippet. I assume this snippet should be actually corrected by editing and saving your post in source mode to remove the non related editor codes and should actually be:

.trow1{
    overflow: hidden;
}

.trow2{
    overflow: hidden;
}