Coding-Spot

You are not connected. Please login or register

Go to page : 1, 2  Next

 
 
 

[HELP] Avatar Before the Lastpost

Message (Page 1 of 2)

#1

mioshi11

mioshi11
 
Advance Member

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

Like this one
[HELP] Avatar Before the Lastpost Untitl10





#2

weeknight

weeknight
 
Senior Member

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:
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:





#3

mioshi11

mioshi11
 
Advance Member

Posted May 3rd 2013, 10:47 pm

 
hope mark can do for Invision :))





#4

Mark

Mark
 
Administrator
Administrator

Posted May 3rd 2013, 11:23 pm

 
Can you provide your forum url? Thanks :D:.



https://coding-spot.darkbb.com


#5

mioshi11

mioshi11
 
Advance Member

Posted May 4th 2013, 1:50 am

 
here: http://speedoflight.fanbb.net/





#6

Mark

Mark
 
Administrator
Administrator

Posted May 4th 2013, 2:15 am

 
Invision is also hard for customization. xD.

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:



https://coding-spot.darkbb.com


#7

mioshi11

mioshi11
 
Advance Member

Posted May 4th 2013, 8:33 am

 
It works but it shows only in the first category but the others none





#8

Mark

Mark
 
Administrator
Administrator

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! :):



https://coding-spot.darkbb.com


#9

mioshi11

mioshi11
 
Advance Member

Posted May 4th 2013, 8:41 am

 
oh you can activate it by email ^^

and when im in the homepage the toolbar disappear





#10

Mark

Mark
 
Administrator
Administrator

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 :(:.



https://coding-spot.darkbb.com


#11

mioshi11

mioshi11
 
Advance Member

Posted May 4th 2013, 8:49 am

 
i change it now ^^...No need activation hihi





#12

Mark

Mark
 
Administrator
Administrator

Posted May 4th 2013, 9:07 am

 
What do you mean by you change it? ⭕



https://coding-spot.darkbb.com


#13

mioshi11

mioshi11
 
Advance Member

Posted May 4th 2013, 9:09 am

 
the registration process no need to activation





#14

Mark

Mark
 
Administrator
Administrator

Posted May 4th 2013, 9:27 am

 
Ok, can you put the codes again, so i can check it :):.



https://coding-spot.darkbb.com


#15

mioshi11

mioshi11
 
Advance Member

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;
}





#16

Sponsored content


 

Posted

 





Message (Page 1 of 2)

Permissions in this forum:
You cannot reply to topics in this forum

In total there is 0 user online :: 0 Registered, 0 Hidden and 0 Guests

Users browsing this forum: None