PunBB GR

Η ελληνική κοινότητα των φορουμ της μορφής PunBB.

Γεια σας! Παρακαλούμε αφιερώστε μια στιγμή για την εγγραφή σας.


Μη Συνδεδεμενος Παρακαλώ συνδεθείτε ή εγγραφείτε

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

Επισκόπηση προηγούμενης Θ.Ενότητας Επισκόπηση επόμενης Θ.Ενότητας Πήγαινε κάτω  Μήνυμα [Σελίδα 1 από 1]

avatar
Ιδρυτής
Προσθέστε το 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://illiweb.com/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πορείτε να βρείτε το αυθεντικό θέμα πατώντας εδώ!

Επισκόπηση του προφίλ των χρηστών http://punbbgr.forumgreek.com

Επισκόπηση προηγούμενης Θ.Ενότητας Επισκόπηση επόμενης Θ.Ενότητας Επιστροφή στην κορυφή  Μήνυμα [Σελίδα 1 από 1]


Δικαιώματα σας στην κατηγορία αυτή
Δεν μπορείτε να απαντήσετε στα Θέματα αυτής της Δ.Συζήτησης