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

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

Προσθέστε το Category Toggle effect στις κατηγορίες σας

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

Προσθέστε το Category Toggle effect στις κατηγορίες σας

Δημοσίευση από Luffy Την / Το Δευ Δεκ 29, 2014 3:49 pm

Προσθέστε το Category Toggle effect στις κατηγορίες σας


Mε αυτό τον οδηγό θα μάθετε πως να βάλετε ένα απλό εφέ όπως και στο φόρουμ εδώ όπου μπορείτε να κλείσετε και να ανοίξετε ξανά τις κατηγορίες σας.



Javascript

Πάμε: Πίνακας Διαχείρισης > Λειτουργικές Μονάδες > HTML & JAVASCRIPT > Διαχείριση κωδικών Javascript και πατάμε και συμπληρώνουμε τα στοιχεία όπως πιο κάτω:
Title : Ότι θέλετε
Placement : In the home page
Javascript Code : αντιγραφή/επικόλληση τον πιο κάτω κώδικα
Κώδικας:
function toggleLTcategory(a){var b=a.id,c=document.getElementById("b"+b);"none"==a.style.display?(a.style.display="block",c.className="contract",my_setcookie("_"+b,"",!0)):(a.style.display="none",c.className="expand",my_setcookie("_"+b,"1",!0))} jQuery(function(){x=jQuery(".topiclist .header").get();for(i=0;i<x.length;i++){x[i].style.position="relative";var a="c"+String(i+1);x[i].parentNode.nextSibling.setAttribute("id",a);x[i].parentNode.nextSibling.style.display="block";x[i].innerHTML+='<div id="b'+a+'" class="contract" onclick="toggleLTcategory(this.parentNode.parentNode.nextSibling);"></div>'}cookies=document.cookie.split("; ");for(i in cookies)"_"==cookies[i].charAt(0)&&(cookie=cookies[i].split("="),"1"==cookie[1]&&(a=cookie[0].substring(1), document.getElementById(a)&&toggleLTcategory(a)))});
και πατάτε


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

Πάμε: Πίνακας Διαχείρισης > Εμφάνιση > Εικόνες και χρώματα > Χρώματα > CSS Stylesheet και κάνουμε αντιγραφή/επικόλληση τον παρακάτω κώδικα στο CSS σας:
Κώδικας:
.expand, .contract {position: absolute; top: 6px; right: 10px; cursor: pointer; width: 9px; height: 9px; background: url(http://illiweb.com/fa/m/tabs_more1.gif);}
.contract {background: url(http://illiweb.com/fa/m/tabs_less1.gif);}
και πατάτε και είστε έτοιμοι! cheers

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



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

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

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

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

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

- Παρόμοια θέματα

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