(2021-01-12, 06:31 AM)PARADOXP Wrote: [ -> ] (2021-01-07, 07:59 AM)PARADOXP Wrote: [ -> ]it would be much more attractive if in the index page on forum's lastpost coloum ; background image should be the last posters avatar. like this image:-
https://i.ibb.co/bsVgmGY/IMG-20210107-132557.jpg
can anyone do this by using any of the existing plugin of mybb ?
what about this ?
Yes i also have seen this at the site url:
https://xforum.live
I also wanted to know about this how they do it ?
Is there any method that we can also have it in mybb ?
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;}
Results
(2021-01-12, 11:44 PM)Mastersly Wrote: [ -> ]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;}
Results
I did this as you have mentioned...
but the results was so different...
please kindly help me with this...
my website:-
https://gossipion.xyz
My mistake
add this in global.css
.trow1{
overflow: hidden;
}
.trow2{
overflow: hidden;
}
and replace the old code with this
.avatarep_img, .avatarep_bg {
overflow: visible;
display: block;
height: 100px;
width: 100px;
position: absolute;
top: -24px;
right: -158px;
/* left: -23px; */
border-radius: 50%;
opacity: .15;
pointer-events: none;
}
and this
.bstats{
position: relative;
float: left;
}
results
(2021-01-13, 01:13 AM)Mastersly Wrote: [ -> ]My mistake
add this in global.css
.trow1{
overflow: hidden;
}
.trow2{
overflow: hidden;
}
and replace the old code with this
.avatarep_img, .avatarep_bg {
overflow: visible;
display: block;
height: 100px;
width: 100px;
position: absolute;
top: -24px;
right: -158px;
/* left: -23px; */
border-radius: 50%;
opacity: .15;
pointer-events: none;
}
and this
.bstats{
position: relative;
float: left;
}
results
Sorry to disturbing you sir.....
I also did that what you said now.
And yes it worked but there is something need to fixed.Please look again sir .
What need to be fixed? It looks fine
(2021-01-13, 10:37 AM)Mastersly Wrote: [ -> ]What need to be fixed? It looks fine
hey bro,
i have seen that you have solved others query with result, can you please do the same for me and post result please, since OP is still need in help lol
Select all
.page-sidebarr {
float:right;
edge top:0px;
width: 10%;
}
.page-sidebarl {
float:left;
edge top:0px;
width: 10%;
}
(2021-01-20, 06:08 AM)moversdubai Wrote: [ -> ]Select all
.page-sidebarr {
float:right;
edge top:0px;
width: 10%;
}
.page-sidebarl {
float:left;
edge top:0px;
width: 10%;
}
Hi
Thanks for replying, can you please give me some more details that where should i put this code !!