Posted May 3rd 2013, 9:18 pm
Is it possible to ad avatars in the in the Last post im a invision user?
![[HELP] Avatar Before the Lastpost 110](https://i.servimg.com/u/f79/17/34/10/21/110.png)
Like this one
![[HELP] Avatar Before the Lastpost Untitl10](https://i.servimg.com/u/f79/17/34/10/21/untitl10.png)
Like this one
Go to page : 1, 2 
[HELP] Avatar Before the Lastpost
Message (Page 1 of 2)
#2weeknight
weeknight 
Posted May 3rd 2013, 9:31 pm
i dont know if for invision
but if you use phpBB2, this :D
thanks to mr.mark :D:
Create new Javascript on JS Management, check to homepage only then add this:
Add this to your CSS:
tadaaaa :D:
but if you use phpBB2, this :D
thanks to mr.mark :D:
Create new Javascript on JS Management, check to homepage only then add this:
- Code:
$(document).on('ready',function(){$('.forumline tr .row3.over').prepend('<div class="avatar-index"><div>');$('.forumline tr .row3.over .avatar-index').each(function(){var profileUser=$(this).parent().children('span').children('span').children('strong').children('a').attr('href');$(this).html('<a href="'+profileUser+'" class="avatar-index-enlace"><img src="http://2img.net/i/fa/invision/pp-blank-thumb.png" alt="No Avatar" /></a>');$(this).children('a').load(profileUser+' .forumline .row1.gensmall[align="center"]:eq(0) img:eq(0)')})});
Add this to your CSS:
- Code:
.avatar-index{
float:left;
}
.avatar-index img{
border:1px solid grey;
margin: 5px;
padding:1px;
height:45px;
width:45px;
}
tadaaaa :D:
#6Mark
Mark
Posted May 4th 2013, 2:15 am
Invision is also hard for customization. xD.
Btw, Add this to your JS Management: (Homepage only)
And add this to your CSS:
Tadaaaa :D:
Btw, Add this to your JS Management: (Homepage only)
- Code:
$(document).ready(function () {
$('.borderwrap table.ipbtable tbody tr td.row1 span').each(function(e) {
var l = this.getElementsByTagName('strong')[0].firstChild.href;
$(this).prepend('<span class="mark-invision-avatar" id="mark-invision-avatar'+e+'"></span>');
$('#mark-invision-avatar'+e).load(l+' #profile-advanced-right img:eq(0)');
});
});
And add this to your CSS:
- Code:
.mark-invision-avatar {
float: left;
}
.mark-invision-avatar img {
border:1px solid grey;
margin: 5px;
padding:1px;
height:45px;
width:45px;
}
Tadaaaa :D:
#7mioshi11
mioshi11
Posted May 4th 2013, 8:33 am
It works but it shows only in the first category but the others none
#8Mark
Mark
Posted May 4th 2013, 8:37 am
Works fine on my test forum.
Can you activate my account that i created on your forum? So i can check it. Thanks! :):
Can you activate my account that i created on your forum? So i can check it. Thanks! :):
#9mioshi11
mioshi11
Posted May 4th 2013, 8:41 am
oh you can activate it by email ^^
and when im in the homepage the toolbar disappear
and when im in the homepage the toolbar disappear
#10Mark
Mark
Posted May 4th 2013, 8:48 am
I use a dummy email because i thought it didn't require activation, and my dummy email was hacked, i can't open it :(:.
#13mioshi11
mioshi11
Posted May 4th 2013, 9:09 am
the registration process no need to activation
#14Mark
Mark
Posted May 4th 2013, 9:27 am
Ok, can you put the codes again, so i can check it :):.
#15mioshi11
mioshi11
Posted May 4th 2013, 10:04 am
- Code:
$(document).ready(function () {
$('.borderwrap table.ipbtable tbody tr td.row1 span').each(function(e) {
var l = this.getElementsByTagName('strong')[0].firstChild.href;
$(this).prepend('<span class="mark-invision-avatar" id="mark-invision-avatar'+e+'"></span>');
$('#mark-invision-avatar'+e).load(l+' #profile-advanced-right img:eq(0)');
});
});
- Code:
.mark-invision-avatar {
float: left;
}
.mark-invision-avatar img {
border:1px solid grey;
margin: 5px;
padding:1px;
height:45px;
width:45px;
}
Message (Page 1 of 2)
Similar topics
Permissions in this forum:
You cannot reply to topics in this forum
![[HELP] Avatar Before the Lastpost Top11](https://i.servimg.com/u/f42/15/26/92/28/top11.png)
