Widget: Πρόσφατα θέματα από μια συγκεκριμένη κατηγορία

από **Luffy** Σαβ Δεκ 06, 2014 3:20 pm

Widget: Πρόσφατα θέματα από μια συγκεκριμένη κατηγορία

Με αυτό τον οδηγό θα μπορείτε να προσθέσετε ένα widget όπου θα εμφανίζονται τα πρόσφατα θέματα μιας κατηγορίας που θα διαλέξετε εσείς.

Πιο κάτω θα δείτε ένα παράδειγμα του συγκεκριμένου οδηγού.

Επιλέξαμε να έχουμε σαν widget γι' αυτό το σκοπό τα Πρόσφατα Θέματα των Οδηγών του φόρουμ.

Για να το κάνετε αυτό, ακολουθήστε τα παρακάτω βήματα:

Δημιουργία του Widget

Πάμε Πίνακας Διαχείρισης > Λειτουργίκές Μονάδες > Portal & Widgets > Widgets του φόρουμ και θα πατήσουμε το κουμπί Widget: Πρόσφατα θέματα από μια συγκεκριμένη κατηγορία HusLmCW

Widget: Πρόσφατα θέματα από μια συγκεκριμένη κατηγορία HusLmCW

για να φτιάξουμε το Widget. Συμπληρώνουμε τα στοιχεία όπως πιο κάτω και αποθηκεύουμε:
Widget name : (Τον τίτλο που θέλετε. Εμείς βάλαμε: "Πρ. Θέματα Οδηγών")
Use a table type : Ναι
Widget title : (Τον τίτλο που θέλετε. Εμείς βάλαμε: "Πρ. Θέματα Οδηγών")
Widget source * :

Κώδικας:: <div id="newsareal1" class="newsareal"></div>

Widget: Πρόσφατα θέματα από μια συγκεκριμένη κατηγορία I1tFGq3

Ακολούθως, αφού το αποθηκεύσετε, προσθέστε το widget στην στήλη που θέλετε να είναι.

Javascript

Πάμε: Πίνακας Διαχείρισης > Λειτουργικές Μονάδες > HTML & JAVASCRIPT > Διαχείριση κωδικών Javascript[/size] και συμπληρώστε τα στοιχεία όπως δίνονται πιο κάτω και ανάλογα με την μορφή του φόρουμ σας:
Title * : (ότι θέλετε)
Placement : In all the pages
Javascript Code * :
PhpBB2:

Κώδικας:: jQuery(document).ready(function(){ jQuery("#newsareal1").load("/fXX-forum div.topictitle:lt(8)"); });

PhpBB3:

Κώδικας:: jQuery(document).ready(function(){ jQuery("#newsareal1").load("/fXX-forum div.topic-title-container:lt(8)"); });

PunBB & Invision:

Κώδικας:: jQuery(document).ready(function(){ jQuery("#newsareal1").load("/fXX-forum a.topictitle:lt(8)"); });

Widget: Πρόσφατα θέματα από μια συγκεκριμένη κατηγορία BRmBWhe

Aπαραίτητες αλλαγές:
- /fXX-forum : Αυτό το κομμάτι πρέπει να το αλλάξετε και να προσθέσετε το Link της κατηγορίας που θέλετε να βάλετε τον οδηγό. Πως το βρίσκεται; Πατήστε πάνω στην κατηγορία για να δείτε τα θέματά της και μετά αντιγράψτε το κομμάτι που είναι επιλεγμένο στο link:

Widget: Πρόσφατα θέματα από μια συγκεκριμένη κατηγορία Xa0M6H8

και τοποθετήστε τον αντίστοιχο αριθμό ή το αντίστοιχο κομμάτι στο ν κώδικα.
- lt(8) : Αλλάζετε τον αριθμό με τον αριθμό που θέλετε με τον αριθμό των θεμάτων που θέλετε να φαίνονται στο widget. Αν θέλετε να φαίνονται 8 θέματα θα βάλετε το 8. Αν θέλετε 10 βάζετε το αντίστοιχο κλπ κλπ.

Όταν τελειώσετε τις αλλαγές αποθηκεύσετε το Javascript.

Μορφοποίηση CSS

Πάμε: Πίνακας Διαχείρισης > Εμφάνιση > Εικόνες και χρώματα > Χρώματα > CSS Stylesheet[/size] και προσθέτουμε τον εξής κώδικα ανάλογα με την μορφή του φόρουμ σας:

PhpBB2:

Κώδικας:: .newsareal div.topictitle { display: block !important; margin: 2px 1px 0; padding: 2px 5px 5px 30px; border: 1px solid #B1BFC0; border-radius: 5px; background: #F3F9F9 url('http://i44.servimg.com/u/f44/16/54/26/99/old-ve10.png') no-repeat 5px center; } .newsareal div.topictitle:hover { background-color: #D8DEDE; } .newsareal div.topictitle a { color: #708090 !important; text-decoration: none !important; text-shadow: #fff 1px 1px 0px }

PhpBB3:

Κώδικας:: .newsareal div.topic-title-container { display: block !important; margin: 2px 1px 0; padding: 2px 5px 5px 30px; border: 1px solid #B1BFC0; border-radius: 5px; background: #F3F9F9 url('http://i44.servimg.com/u/f44/16/54/26/99/old-ve10.png') no-repeat 5px center; } .newsareal div.topic-title-container:hover { background-color: #D8DEDE; } .newsareal div.topic-title-container a { color: #708090 !important; text-decoration: none !important; text-shadow: #fff 1px 1px 0px }

PunBB & Invision:

Κώδικας:: .newsareal a.topictitle { display: block !important; margin: 2px 1px 0; padding: 2px 5px 5px 30px; border: 1px solid #B1BFC0; border-radius: 5px; background: #F3F9F9 url('http://i44.servimg.com/u/f44/16/54/26/99/old-ve10.png') no-repeat 5px center; text-decoration: none !important; } .newsareal a.topictitle:hover { background-color: #D8DEDE; color: #708090 !important; text-shadow: #fff 1px 1px 0px }

Widget: Πρόσφατα θέματα από μια συγκεκριμένη κατηγορία Tuto610

Αποθηκεύετε και είστε έτοιμοι!! :cheers:

Ο οδηγός είναι βασισμένος στον οδηγό των Dana Domirani και Zen του Γαλλικού Φόρουμ Υποστήριξης. Μεταφράστηκε στα Αγγλικά από Ange Tuteur του Αγγλικού Φόρουμ ΥΠοστήριξης και ακολούθως μεταφράστηκε στα Ελληνικά για τις ανάγκες του ForumGreek.