ForumNavLinks


Μη Συνδεδεμενος Παρακαλώ συνδεθείτε ή εγγραφείτε

Toggle στις κατηγοριες [punBB-phpBB3]

Πήγαινε κάτω  Μήνυμα [Σελίδα 1 από 1]

1 Toggle στις κατηγοριες [punBB-phpBB3] Την / Το Κυρ Ιαν 27, 2013 9:14 am

Admin

avatar
Administrator
Administrator
Γεια σας σήμερα θα σας δείξω πως να βάλετε Toggle στις κατηγοριες.
όπως αυτό
[Πρέπει να είστε εγγεγραμμένοι και συνδεδεμένοι για να δείτε αυτή την εικόνα.]
Μπαίνετε
Admin Panel >> Εμφάνιση >> Χρώματα >> CSS Stylesheet
και βάζετε τον παρακάτω κώδικα
Κώδικας:
        .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);}
στην συνεχεια μπαίνετε
Admin Panel >> Λειτουργικές Μονάδες >> Javascript codes management >> Create a new javascript
Title * :Toggle
Placement : In all the pages
και στο Javascript Code * : βάζετε τον παρακάτω κώδικα
Αν έχετε PHPBB3:
Κώδικας:
        <script type="text/javascript">
        function toggleLTcategory(cat) {
            var cid=cat.id;
            var button=document.getElementById('b'+cid);
            if (cat.style.display=='none') {
                cat.style.display='block';
                button.className='contract';
                my_setcookie('_' + cid, '', true);
            }
            else {
                cat.style.display='none';
                button.className='expand';
                my_setcookie('_' + cid, '1', true);
            }
        }

        jQuery(function () {
            x=jQuery('.topiclist .header').get();
            for (i=0; i<x.length; i++) {
                x[i].style.position='relative';
                var cid='c'+String(i+1);
                x[i].parentNode.nextSibling.setAttribute('id',cid);
                x[i].parentNode.nextSibling.style.display='block';
                var y='<div id="b'+cid+'" class="contract" onclick="toggleLTcategory(this.parentNode.parentNode.nextSibling);"></div>';
                x[i].innerHTML=x[i].innerHTML+y;
            }

            cookies = document.cookie.split('; ');
            for (i in cookies) {
                if (cookies[i].charAt(0) == '_') {
                    cookie = cookies[i].split('=');
                    if (cookie[1] == '1') {
                        cid = cookie[0].substring(1);
                        if (document.getElementById(cid)) {toggleLTcategory(cid);}
                    }
                }
            }
        });
        </script>
Αν έχετε PUNBB:
Κώδικας:
        <script type="text/javascript">
        function toggleLTcategory(cat) {
            var cid=cat.id;
            var button=document.getElementById('b'+cid);
            if (cat.style.display=='none') {
                cat.style.display='block';
                button.className='contract';
                my_setcookie('_' + cid, '', true);
            }
            else {
                cat.style.display='none';
                button.className='expand';
                my_setcookie('_' + cid, '1', true);
            }
        }

        jQuery(function () {
        x=jQuery('.main-head .page-title').get();
            for (i=0; i<x.length; i++) {
                x[i].style.position='relative';
                var cid='c'+String(i+1);
                x[i].parentNode.nextSibling.setAttribute('id',cid);
                x[i].parentNode.nextSibling.style.display='block';
                var y='<div id="b'+cid+'" class="contract" onclick="toggleLTcategory(this.parentNode.parentNode.nextSibling);"></div>';
                x[i].innerHTML=x[i].innerHTML+y;
            }

            cookies = document.cookie.split('; ');
            for (i in cookies) {
                if (cookies[i].charAt(0) == '_') {
                    cookie = cookies[i].split('=');
                    if (cookie[1] == '1') {
                        cid = cookie[0].substring(1);
                        if (document.getElementById(cid)) {toggleLTcategory(cid);}
                    }
                }
            }
        });
        </script>
και έτοιμο Smile

Επισκόπηση του προφίλ των χρηστών http://help.forumgreek.com

Επιστροφή στην κορυφή  Μήνυμα [Σελίδα 1 από 1]

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