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

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

Εμφάνιση/Απόκρυψη των Widgets

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

Εμφάνιση/Απόκρυψη των Widgets

Δημοσίευση από Luffy Την / Το Παρ Δεκ 26, 2014 2:30 pm

Εμφάνιση/Απόκρυψη των Widgets


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



Widget

Πάμε: Πίνακας Διαχείρισης > Λειτουργίκές Μονάδες > Portal & Widgets > Widgets του φόρουμ και πατάμε για να φτιάξουμε ένα νέο Widget. Θα χρειαστείτε δύο widget. Ένα για το πάνω μέρος και ένα για το κάτω μέρος έτσι ώστε οι κώδικες να αναγνωρίζουν την αρχή που θα δουλέψει ο κώδικας και το τέλος. Δηλαδή από που θα ξεκινήσει να κρύβει και μέχρι που θα σταματήσει να τα κρύβει και να τα εμφανίζει ανάλογα.
Αφού φτιάξετε ένα ένα τα widget συμπληρώστε τις φόρμες όπως πιο κάτω:
Widget name : Μπορείτε να βάλετε ότι όνομα θέλετε για το widget αλλά για να τα ξεχωρίζετε συνιστούμε να χρησιμοποιήσετε - "Top Widget" & "Bottom Widget"
Use a table type : Επιλέξτε το "Όχι" για αυτό το πεδίο.
Widget title : Αφήστε αυτό το πεδίο κενό
Widget source : Αντιγράψτε και επικολλήστε τον κώδικα ανάλογα με την μεριά που είναι τα widget σας και ανάλογα με το αν είστε στο πάνω ή το κάτω widget.

  • Aν τα widget σας είναι αριστερά
    ~ Για το πάνω widget: χρησιμοποιήστε τον εξής κώδικα:
    Κώδικας:
    <div id="forum-widget" style="height: 13px; width: 16px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; cursor: pointer; position: absolute; background: #f5ebf7 url(http://illiweb.com/fa/optimisation_fdf/common/arrow_rtl.png) no-repeat 0 -13px;" onClick="jQuery('#left').animate({width:'toggle',height:'toggle',opacity:'toggle'},1000); if(my_getcookie('forum-widget')=='0') { my_setcookie('forum-widget','1',0,0); jQuery('#forum-widget').css('background-position','0 -13px'); } else { my_setcookie('forum-widget','0',1,0); jQuery('#forum-widget').css('background-position','0 0px'); }"></div>
    Αλλαγές που μπορούν να γίνουν:
    background:#f5ebf7 url(http://illiweb.com/fa/optimisation_fdf/common/arrow_rtl.png) no-repeat 0 -13px; : Aυτό προσθέτει ένα ελαφρύ γαλάζιο χρώμα στο φόντο του εφέ και βελάκια για να δουλεύει το εφέ. Μπορείτε να αλλάξετε το #f5ebf7 για το χρώμα φόντου και το http://illiweb.com/fa/optimisation_fdf/common/arrow_rtl.png με την εικόνα που θέλετε να έχει το εφέ για να κρύβονται τα widget.

    Αποθηκεύστε το widget πατώντας το κουμπί

    ~ Για το κάτω widget: χρησιμοποιήστε τον εξής κώδικα:
    Κώδικας:
    <script type="text/javascript"> jQuery('#forum-widget').insertBefore('#left'); if(my_getcookie('forum-widget')=='0') {jQuery('#left').animate({width:'toggle',height:'toggle',opacity:'toggle'},0); jQuery('#forum-widget').css('background-position','0 0px'); } </script>

    Αποθηκεύστε το widget πατώντας το κουμπί


  • Aν τα widget σας είναι δεξιά
    ~ Για το πάνω widget: χρησιμοποιήστε τον εξής κώδικα:
    Κώδικας:
    <div id="forum-widget" style="cursor: pointer; height: 13px; width: 16px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; position: relative; bottom: -15px; float: right; background: #f5ebf7 url(http://illiweb.com/fa/optimisation_fdf/common/arrow_rtl.png) no-repeat 0 -13px;" onClick="jQuery('#right').animate({width:'toggle',height:'toggle',opacity:'toggle'},1000); if(my_getcookie('forum-widget')=='0') { my_setcookie('forum-widget','1',0,0); jQuery('#forum-widget').css('background-position','0 -13px');  jQuery('#content-container div#content').css('margin-right','189px');} else { my_setcookie('forum-widget','0',1,0); jQuery('#forum-widget').css('background-position','0 0px'); jQuery('#content-container div#content').css('margin-right','0px'); }"></div>
    Αλλαγές που μπορούν να γίνουν:
    background:#f5ebf7 url(http://illiweb.com/fa/optimisation_fdf/common/arrow_rtl.png) no-repeat 0 -13px; : Aυτό προσθέτει ένα ελαφρύ γαλάζιο χρώμα στο φόντο του εφέ και βελάκια για να δουλεύει το εφέ. Μπορείτε να αλλάξετε το #f5ebf7 για το χρώμα φόντου και το http://illiweb.com/fa/optimisation_fdf/common/arrow_rtl.png με την εικόνα που θέλετε να έχει το εφέ για να κρύβονται τα widget.

    Αποθηκεύστε το widget πατώντας το κουμπί

    ~ Για το κάτω widget: χρησιμοποιήστε τον εξής κώδικα:
    Κώδικας:
    <script type="text/javascript"> jQuery('#forum-widget').insertBefore('#right'); if(my_getcookie('forum-widget')=='0') {jQuery('#right').animate({width:'toggle',height:'toggle',opacity:'toggle'},0); jQuery('#forum-widget').css('background-position','0 0px');  jQuery('#content-container div#content').css('margin-right','0px');} </script>

    Αποθηκεύστε το widget πατώντας το κουμπί



To μόνο που μένει τώρα είναι, αφού δημιουργήσετε τα widgets αυτά, να τα τοποθετήσετε στην λίστα του φόρουμ σας αλλά και στο πόρταλ σας αν θέλετε. Αφού τα τοποθετήσετε, το ένα να είναι το πρώτο widget στην λίστα σας και το άλλο να είναι το τελευταίο widget στη λίστα σας, αποθηκεύστε την εργασία σας πατώντας το κουμπί και είστε έτοιμοι!! cheers

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



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

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

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

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

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


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