Coding-Spot

You are not connected. Please login or register

 
 

Avatar image on Statistics (PunBB only)

Message (Page 1 of 1)


 
Administrator
Administrator

Posted on Mon Apr 22, 2013 7:24 am

 
Hello Guys!

I'm going to share something cool and fresh. An avatar image on Forum Statistics.
Demo:


So let's start!
1. Go to ACP > Display > Templates > General > index_body: (Find this one)
Code:
{LOGGED_IN_USER_LIST}
- Now replace it with this one:
Code:
<div class="avatarondav">{LOGGED_IN_USER_LIST}</div>
<script type="text/javascript">
$(document).on('ready',function(){$('.avatarondav a').each(function(){var rondav=$(this).attr('href');$(this).prepend('<a href="'+rondav+'" class="davx"><img src="http://r26.imgfast.net/users/2617/31/90/74/avatars/1-40.png"  /></a>');$(this).children('a').load(rondav+' div.main-content.clearfix.center img:eq(0)')})});
</script>

2. Add this to your CSS:
Code:
.avatarondav .davx img {
border: 1px solid #777;
height: 25px;
margin: 0 5px;
padding: 1px;
width: 25px;
}

Enjoy and Have Fun!
Credits: doannamthai :;):



View user profile http://coding-spot.darkbb.com


Message (Page 1 of 1)

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