Tutorial : [PhpBB3][jQuery] Categorii retractabile .

In jos

Tutorial : [PhpBB3][jQuery] Categorii retractabile .

Mesaj Scris de struMf la data de Vin Iul 20, 2012 5:08 pm


Descriere :
Cu ajutorul acestui cod JavaScript va puteti creea un super efect de retractare a categoriilor
*!* Acest cod functioneaza doar pe phpbb3

Instalare :

P.A > Module > Javascript codes management > Create a new javascript >
Titlu* : Categorii retractabile
Placement : In all the pages
Javascript code* :

PRIMUL COD :

Cod:
<script>
    jQuery(function() {
    jQuery('a:contains("Report an abuse")').remove();
    });
    </script>
    <script>
    jQuery(function() {
    jQuery('a:contains("Mark all forums read")').remove();
    });
    </script>
          <script>
        jQuery(function() {
          jQuery('div.forabg ul li.header').prepend('<span class="toggle" style="float: right; margin-right: 10px; font-weight: bold; margin-top: 5px; cursor: pointer;"><img src="http://icons.iconarchive.com/icons/iconarchive/red-orb-alphabet/16/Math-minus-icon.png" width="10px" /></span>');

          jQuery('.toggle').click(function() {
            if (jQuery(this).parent().parent().parent().find('li.row').is(':visible')) {
              jQuery(this).html('<img src="http://icons.iconarchive.com/icons/custom-icon-design/office/16/add-1-icon.png" width="10px" />');
              jQuery(this).parent().parent().parent().find('li.row').hide('slow');
            }

            else {
              jQuery(this).html('<img src="http://icons.iconarchive.com/icons/iconarchive/red-orb-alphabet/16/Math-minus-icon.png" width="10px" />');
              jQuery(this).parent().parent().parent().find('li.row').show('slow');
            }
          });
        });
        </script>

Personalizare :
*Codul este usor personalizabil :
*Puteti personaliza codul inlocuind :

http://icons.iconarchive.com/icons/iconarchive/red-orb-alphabet/16/Math-minus-icon.png -> Cu imaginea Micsorare .
http://icons.iconarchive.com/icons/custom-icon-design/office/16/add-1-icon.png -> Cu imaginea Marire .

Previzualizare : http://sd-test1.ace.st/forum

Tutorial creat de struMf .







Like a Star @ heaven Absent timp de 20 de zile . Like a Star @ heaven
avatar
struMf
Membru Coding-Help

Numarul Mesajelor : 224
Reputatie de puncte : 478
Inscris din : 19/07/2012
Varsta : 23
Localizare : Constanta .

Vezi profilul utilizatorului http://coding-help.forumz.ro/

Sus In jos

Sus

- Subiecte similare

 
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum