Mini avatars in boarding index
2 posters
Page 1 of 1
Mini avatars in boarding index
Take a look at my problem.
I want to add a mini avatar to my board index. To add this, i was given a code which i had to add in javascript and an other one which i had to put in css.
The javascript code is this:
My problem is not this. My problem is that i have changed the normal 4 columns to 1. So now i only have the .tc1
The template index_box is this:
So i want to add this javascript but perhaps the commands are different and i am confused to which ones i must change.
Can someone help me please?
Forum Version: PunBB
Forum Address: Information Forum GR
I want to add a mini avatar to my board index. To add this, i was given a code which i had to add in javascript and an other one which i had to put in css.
The javascript code is this:
- Javascript:
- Code:
$(function(){
if(!window.localStorage) return;
var default_avatar= 'http://2img.net/i/fa/invision/pp-blank-thumb.png';
var caching_time= 24*60*60*1000;
var caching_error= 60*1000;
var set_avatar= function(id) {
$('.mini_ava.member'+id).html('<img src="'+get_avatar(id)+'" />');
};
var get_avatar= function(id) {
if(localStorage.getItem('t_ava'+id) < +new Date - caching_time || (localStorage.getItem('d_ava'+id)==default_avatar && localStorage.getItem('t_ava'+id) < +new Date - caching_error))
{
localStorage.setItem('d_ava'+id, default_avatar);
$.get('/u'+id, function (d){
localStorage.setItem('t_ava'+id,+new Date);
localStorage.setItem('d_ava'+id, $('#profile-advanced-right .module:first div img:first,.forumline td.row1.gensmall:first > img, .frm-set.profile-view.left dd img,dl.left-box.details:first dd img, .row1 b .gen:first img, .real_avatar img',d).first().attr('src')||default_avatar);
set_avatar(id);
});
}
return localStorage.getItem('d_ava'+id);
};
var to_replace= {};
$('dd.lastpost strong a.gensmall, .ipbtable tr td:last-child span strong a.gensmall, .table td.tcr strong a.gensmall, .forumline .row3.over strong a.gensmall').each(function(){
to_replace[$(this).attr('href').substr(2)]= 1;
$(this).closest('td,dd').prepend('<div class="mini_ava member'+$(this).attr('href').substr(2)+'"></div>');
});
for(i in to_replace)
{
set_avatar(i);
};
});
My problem is not this. My problem is that i have changed the normal 4 columns to 1. So now i only have the .tc1
The template index_box is this:
- index_box:
- Code:
{JAVASCRIPT}
<div class="pun-crumbs">
<p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p>
</div>
<div class="main">
<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->
<div class="main-head">
<div class="page-title">{catrow.tablehead.L_FORUM}</div>
</div>
<div class="main-content">
<table cellspacing="0" class="table">
<thead>
<th class="tcl"></th>
</thead>
<tbody class="statused">
<!-- END tablehead -->
<!-- BEGIN forumrow -->
<tr>
<td class="tcl" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};" >
<div class="forumkouti"><span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</span>
<h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
<br />
<div class="descript"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div>
</div>
<div class="subforums" ><span class="gensmall">
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</span></div>
<!-- BEGIN switch_topic_title -->
<center><div class="themataforum"><a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a>
<br /><div class="toksakia">{catrow.forumrow.USER_LAST_POST}</div></div></center>
<!-- END switch_topic_title -->
<div class="thematakouti"><center><b>{catrow.forumrow.TOPICS}<br />Θέματα </b> </center></div><div class="apantiseiskouti"><center><b>{catrow.forumrow.POSTS}<br />Απαντήσεις </b> </center></div>
<strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
</td>
</tr>
<!-- END forumrow -->
<!-- BEGIN tablefoot -->
</tbody>
</table>
</div>
<!-- END tablefoot -->
<!-- END catrow -->
</div>
<!-- BEGIN switch_on_index -->
<div class="main-box clearfix">
</div>
<!-- END switch_on_index -->
So i want to add this javascript but perhaps the commands are different and i am confused to which ones i must change.
Can someone help me please?
Forum Version: PunBB
Forum Address: Information Forum GR
Re: Mini avatars in boarding index
Hi
Did you try saving the Javascript and then using the link in it as the script src?
Like:
Regards,
Pizza Boi
Did you try saving the Javascript and then using the link in it as the script src?
Like:
- Code:
<script src="LINK FROM THE JAVASCRIPT MANAGEMENT"></script>
Regards,
Pizza Boi
Pizza Boi- Hyperactive
- Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!
Re: Mini avatars in boarding index
The problem is not the script.
The problem is that i changed the entire column plan from the default and now i am confused to what i am supposed to change in the javascript..
The problem is that i changed the entire column plan from the default and now i am confused to what i am supposed to change in the javascript..
Re: Mini avatars in boarding index
Hi
I'm not an expert in Javascript but when I read the code, I noticed that most lines composed of topic parts.
Try using the available ID's instead and if it doesn't work, I can't help you further due to my lack of experience . Sorry.
Regards,
Pizza Boi
I'm not an expert in Javascript but when I read the code, I noticed that most lines composed of topic parts.
Try using the available ID's instead and if it doesn't work, I can't help you further due to my lack of experience . Sorry.
Regards,
Pizza Boi
Pizza Boi- Hyperactive
- Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!
Similar topics
» Avatars in the Index Problem
» Avatars in Index [PhPBB3]
» How to delete default Avatars/Add More Avatars?
» Display a mini-version of user avatars in posts in the mobile version?
» Combine forum.htm, index.forum, index.htm pages
» Avatars in Index [PhPBB3]
» How to delete default Avatars/Add More Avatars?
» Display a mini-version of user avatars in posts in the mobile version?
» Combine forum.htm, index.forum, index.htm pages
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum