Προσθέστε το avatar του τελευταίου χρήστη στο ευρετήριο

Με αυτό τον οδηγό θα μπορείτε να βλέπετε τα avatar των τελευταίων χρηστών που δημοσίευσαν σε κάθε κατηγορία σας στο ευρετήριο. Προσέξτε όμως: Οι "φορτωμένοι" (γεμάτοι) από cookies bowsers καθώς και τα υπερ-φορτωμένα φόρουμ δεν θα σας επιτρέψουν να το δείτε:

Ο κώδικας Javascript:
Πάτε: Πίνακας Διαχείρισης ► Λειτουργικές Μονάδες ► ΗΤΜL & JAVASCRIPT ► Διαχείριση κωδικών Javascript
Δημιουργείτε ένα νέο αρχείο και γεμίζετε τα στοιχεία όπως πιο κάτω:
Title : Avatar in the index
Placement : In the home page
και στο επόμενο παραθυρο βάλτε τον εξής κώδικα:

Κώδικας:

        $(function(){
        
          if(!window.localStorage) return;
        
          // Avatar by default
            var default_avatar= 'http://2img.net/i/fa/invision/pp-blank-thumb.png';
        
          // Time of cache, here : 24hrs * 60m * 60s * 1000ms so one day
            var caching_time= 24*60*60*1000;
        
          // Time of cache in case of error, here : 60s * 1000ms so one minute
            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);
            };
        
      });

Ο κώδικας CSS:
Επίσης πρέπει να πάτε:
Πίνακας Διαχείρισης ► Εμφάνιση ► Εικόνες και χρώματα ► Χρώματα ► CSS stylesheet
και προσθέτετε τον εξής κώδικα:

Κώδικας:

.mini_ava{
float:left;
}
.mini_ava img{
width:40px;
height:40px;
margin: 0 5px;
}

Αυτό το κομμάτι του κώδικα τοποθετεί και ρυθμίζει τις διαστάσεις του avatar που θα βρίσκεται στο ευρετήριο. Εσείς μπορείτε να του αλλάξετε τις ρυθμίσεις αλλά και να του προσθέσετε άλλες λειτουργίες όπως περίγραμμα κ.λ.π..


Ο οδηγός δημιουργήθηκε στην Forumotion και μεταφράστηκε από το PunBB GR. Mπορείτε να βρείτε το αυθεντικό θέμα πατώντας εδώ!