Με αυτό τον οδηγός θα μάθετε πως να βάζετε το εφέ για να κρύβετε και να εμφανίζεται τα 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://2img.net/i/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(https://2img.net/i/fa/optimisation_fdf/common/arrow_rtl.png) no-repeat 0 -13px; : Aυτό προσθέτει ένα ελαφρύ γαλάζιο χρώμα στο φόντο του εφέ και βελάκια για να δουλεύει το εφέ. Μπορείτε να αλλάξετε το #f5ebf7 για το χρώμα φόντου και το https://2img.net/i/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://2img.net/i/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(https://2img.net/i/fa/optimisation_fdf/common/arrow_rtl.png) no-repeat 0 -13px; : Aυτό προσθέτει ένα ελαφρύ γαλάζιο χρώμα στο φόντο του εφέ και βελάκια για να δουλεύει το εφέ. Μπορείτε να αλλάξετε το #f5ebf7 για το χρώμα φόντου και το https://2img.net/i/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 στη λίστα σας, αποθηκεύστε την εργασία σας πατώντας το κουμπί και είστε έτοιμοι!!
|