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

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

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

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

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


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

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


Javascript

Πάμε: Πίνακας Διαχείρισης > Λειτουργικές Μονάδες > HTML & JAVASCRIPT > Διαχείριση κωδικών Javascript και πατάμε Προσθέστε το Category Toggle effect στις κατηγορίες σας AXoaXgC και συμπληρώνουμε τα στοιχεία όπως πιο κάτω:
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)))});
και πατάτε Προσθέστε το Category Toggle effect στις κατηγορίες σας EVRvlh1


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

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

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

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

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



Luffy ο/η συγγραφέας σας ευχαριστήσε για την απάντησή σας.

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

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

Δικαιώματα σας στην κατηγορία αυτή
Δεν μπορείτε να απαντήσετε στα Θέματα αυτής της Δ.Συζήτησης