Ελληνική Κοινότητα Υποστήριξης ForumGreek
Καλωσήρθατε στο Ελληνικό Φόρουμ Υποστήριξης της ForumGreek!!

Για να αποκτήσετε πλήρη πρόσβαση στο φόρουμ και στα όσα προσφέρει, μπορείτε πολύ απλά να κάνετε μια σύνδεση ή αν δεν έχετε λογαριασμό μία δωρεάν εγγραφή και μπείτε στην κοινότητά μας!!

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

Επισκόπηση προηγούμενης Θ.Ενότητας Επισκόπηση επόμενης Θ.Ενότητας Πήγαινε κάτω

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

Δημοσίευση από Luffy Την / Το Σαβ Δεκ 06, 2014 3:20 pm

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


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

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

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


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


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

Πάμε Πίνακας Διαχείρισης > Λειτουργίκές Μονάδες > Portal & Widgets > Widgets του φόρουμ και θα πατήσουμε το κουμπί για να φτιάξουμε το Widget. Συμπληρώνουμε τα στοιχεία όπως πιο κάτω και αποθηκεύουμε:
Widget name : (Τον τίτλο που θέλετε. Εμείς βάλαμε: "Πρ. Θέματα Οδηγών")
Use a table type : Ναι
Widget title : (Τον τίτλο που θέλετε. Εμείς βάλαμε: "Πρ. Θέματα Οδηγών")
Widget source * :
Κώδικας:
<div id="newsareal1" class="newsareal"></div>


Ακολούθως, αφού το αποθηκεύσετε, προσθέστε το 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)");
});


Aπαραίτητες αλλαγές:
- /fXX-forum : Αυτό το κομμάτι πρέπει να το αλλάξετε και να προσθέσετε το Link της κατηγορίας που θέλετε να βάλετε τον οδηγό. Πως το βρίσκεται; Πατήστε πάνω στην κατηγορία για να δείτε τα θέματά της και μετά αντιγράψτε το κομμάτι που είναι επιλεγμένο στο link:
και τοποθετήστε τον αντίστοιχο αριθμό ή το αντίστοιχο κομμάτι στο ν κώδικα.
- 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
}


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

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



Luffy
Διαχειριστής

Διαχειριστής

Άντρας
Τόπος : Ελλάδα
Δημοσιεύσεις : 1801

Επιστροφή στην κορυφή Πήγαινε κάτω

Επισκόπηση προηγούμενης Θ.Ενότητας Επισκόπηση επόμενης Θ.Ενότητας Επιστροφή στην κορυφή


 
Δικαιώματα σας στην κατηγορία αυτή
Δεν μπορείτε να απαντήσετε στα Θέματα αυτής της Δ.Συζήτησης
Χρειάζεστε βοήθεια;
Στις Συχνές Ερωτήσεις μπορείτε να βρείτε σημαντικές πληροφορίες που θα σας βοηθήσουν!