Ένα νέο Like/Dislike σύστημα

από **Luffy** Τρι Δεκ 30, 2014 4:42 pm

Ένα νέο Like/Dislike σύστημα

Με αυτό τον οδηγό θα μάθετε πως να κάνετε ένα νέο Like/Dislike σύστημα για το φόρουμ σας. Απαραίτητες Προϋποθέσεις είναι να έχετε Phpbb3 και Invision φόρουμς. Σε αυτές τις μορφές δουλεύει σίγουρα.

Στα θέματα των υπόλοιπων μελών θα εμφανίζεται ένα κουμπί όπως πιο κάτω:
Ένα νέο Like/Dislike σύστημα 010

Και αφού το πατήσετε θα εμφανίζεται έτσι:
Ένα νέο Like/Dislike σύστημα UGldE3W

Προϋποθέσεις

Για να δουλέψει ο οδηγός αυτός επειδή περιέχει περιεχόμενο Ajax για να μην υπάρχει ανανέωση σελίδας, χρειάζονται κάποιες Προϋποθέσεις. Πάμε λοιπόν: Πίνακας Διαχείρισης ► Λειτουργικές Μονάδες ► Πόντοι και φήμη ► Φήμη και ενεργοποιείτε το σύστημα Φήμης:
Ένα νέο Like/Dislike σύστημα Ix2QCWZ

Αφού το ενεργοποιήσετε πατήστε Ένα νέο Like/Dislike σύστημα ONIG52p

για να συνεχίσετε!

Javascript

Πάμε: Πίνακας Διαχείρισης ► Λειτουργικές Μονάδες ► HTML & JAVASCRIPT ► Διαχείριση κωδικών Javascript και συμπληρώνουμε τα στοιχεία όπως πιο κάτω:
Title : Ότι θέλετε
Placement : In the topics
Javascript Code : Αντιγραφή/Επικόλληση του εξής κώδικα ανάλογα με την μορφή του φόρουμ σας:
PhpBB2

Κώδικας:: var avacweb_like_system = { dom_ready : false, vote_singular : 'Like', vote_plural : 'Likes', callback : function(vote, new_button) { $('span.gensmall', vote.parentNode).before(new_button); } }; $(function() { avacweb_like_system.dom_ready = true; }); $.getScript('http://www.avacweb.net/likesystem');

PhpBB3

Κώδικας:: var avacweb_like_system = { dom_ready : false, vote_singular : 'Like', vote_plural : 'Likes', callback : function(vote, new_button) { $('.corners-bottom', vote.parentNode.parentNode).before(new_button); } }; $(function() { avacweb_like_system.dom_ready = true; }); $.getScript('http://www.avacweb.net/likesystem');;

PunBB

Κώδικας:: var avacweb_like_system = { dom_ready : false, vote_singular : 'Like', vote_plural : 'Likes', callback : function(vote, new_button) { $('.postfoot', vote.parentNode.parentNode.parentNode.parentNode).before( new_button ); } }; $(function() { avacweb_like_system.dom_ready = true; }); $.getScript('http://www.avacweb.net/likesystem');

Invision

Κώδικας:: var avacweb_like_system = { dom_ready : false, vote_singular : 'Like', vote_plural : 'Likes', callback : function(vote, new_button) { $(vote.parentNode.parentNode.parentNode.nextSibling.lastChild).prepend('<li>' + new_button+ '</li>'); } }; $(function() { avacweb_like_system.dom_ready = true; }); $.getScript('http://www.avacweb.net/likesystem');

Aλλαγές που μπορείτε να κάνετε:
Μπορείτε να αλλάξετε το Like και το Likes με ότι άλλο θέλετε. Μπορείτε να βάλετε 'Μου αρέσει' ή 'Καλό Θέμα'. Υπάρχει ο ενικός (singular) και ο πληθυντικός (plural) για να τα βάλετε σωστά!

Αφού αλλάξετε αυτά που θέλετε, πατήστε Ένα νέο Like/Dislike σύστημα ONIG52p

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

Κώδικας:: .LGlike { background: #105289; padding: 3px; border-radius: 4px; color: #fff; font-size: 10px; font-weight: bold; text-shadow: -1px 0.5px #888; box-shadow: 1px 1px 1px #888; cursor: pointer; margin-right: 4px; } .LGvote { margin: 0 5px; } .LGnovote { filter:Alpha(opacity=50); opacity: 0.5; cursor: default; box-shadow: none; text-shadow: none; }

Mπορείτε να αλλάξετε τα χρώματα όπως θέλετε εσείς και να αλλάξετε το στυλ του κουμπιού όπως σας αρέσει.

Στοιχεία που πρέπει να γνωρίζετε:
- Με αυτό το σύστημα δεν δίνει ανανέωση σελίδας.
- Όταν πατήσετε το κουμπί εμφανίζεται ένα κείμενο 'Loading...' που σημαίνει ότι φορτώνει η ψήφος σας.
- Δεν μπορείτε να ψηφίσετε αρνητικά ή να πάρετε την ψήφος σας πίσω. Αφού καταχωρηθεί έχει μείνει μόνιμα.

Ο οδηγός γράφτηκε από LGforum του Αγγλικού Φόρουμ Υποστήριξης και μεταφράστηκε στα Ελληνικά από Luffy