الهاك ينشئ ايقونه تقدرون تغيرونها براحتكم على حسب التصميم بمجرد الضغط عليها تغلق قائمة البلوك اللي ضغطتوا عليه فقط باقي البلوكات تكون مفتوحه بشكل افتراضي ...
نتجه لملف الجافا سكربت الموجود بداخل مجلد الاستايل المستخدم
نضيف له التالي =كود PHP:/templates/YOURTEMPL/mkp.js
نفتح ملف الاستايلكود:function show(name,s) { var plus = name + "_open"; var minus = name; minus = getObj(minus); plus = getObj(plus); minus.style.display = (s) ? 'block' : 'none'; plus.style.display = (s) ? 'none' : 'block'; }
ونبحث عن تمبلت البلوكات وسبق تكلمت عنه في دورة التصميم =كود:/templates/YOURTEMPL/tpl_main.ph
نستبدله بالتالي =كود:<!-- begin block template --> <tr> <td valign="top"> <table border="0" width="100%" cellpadding="0" cellspacing="0"> <tr> <td> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td class="tdmenblock" width="1%"><img src="$mklib->images/m_sx.gif" border="0" class="tdmenblock" alt="" /> </td> <td class="sottotitolo" width="99%" style="background-image: url('$mklib->images/m_sf.gif')" valign="middle" nowrap="nowrap">{$title} </td> <td class="tdmenblock" width="1%"><img src="$mklib->images/m_dx.gif" border="0" class="tdmenblock" alt="" /> </td> </tr> </table> </td> </tr> <tr> <td class="tablemenu" width="100%"> <table border="0" width="100%" cellpadding="1" cellspacing="1"> {$content} </table> </td> </tr> <tr> <td> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td class="tdmenblock" width="1%" align="right" valign="top"><img src="$mklib->images/m_sx2.gif" class="tdmenblock" alt="" /> </td> <td class="tdmenblock" width="99%" style="background-image: url('$mklib->images/m_sf2.gif')"><img src="$mklib->images/m_sf2.gif" border="0" class="tdmenblock" alt="" /> </td> <td class="tdmenblock" width="1%"><img src="$mklib->images/m_dx2.gif" class="tdmenblock" alt="" /> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td class="tdspacer"> </td> </tr> <!-- end block template -->
في الكود السابق مدرج صورتين عند الفتح وعند الغلق ومرفقه هناكود:<!-- begin block template --> <tr> <td class="tablemenu" valign="top"> <div id='{$title}_open' style="display:none"> <table border="0" width="100%" cellpadding="0" cellspacing="0"> <tr> <td> <table class="sottotitolo" border="0" cellpadding="4" cellspacing="0" width="100%"> <tr> <td width="100%" class="sottotitolo" valign="middle" nowrap="nowrap">{$title}</td> <td width="*" class="sottotitolo" valign="middle" nowrap="nowrap"><a href="javascript:show('{$title}', true);"><img src="$mklib->images/plus.gif" border="0" alt="Expand Block"></a></td> </tr> </table> </td> </tr> </table> </div> <div id='{$title}' style="display:block"> <table border="0" width="100%" cellpadding="0" cellspacing="0"> <tr> <td> <table border="0" cellpadding="4" cellspacing="0" width="100%"> <tr> <td width="100%" class="sottotitolo" valign="middle" nowrap="nowrap">{$title}</td> <td width="*" class="sottotitolo" valign="middle" nowrap="nowrap"><a href="javascript:show('{$title}', false);"><img src="$mklib->images/minus.gif" border="0" alt="Collapse Block"></a></td> </tr> </table> </td> </tr> <tr> <td width="100%"> <table border="0" width="100%" cellpadding="0" cellspacing="1"> {$content} </table> </td> </tr> </table> </div> </td> </tr> <tr> <td class="tdspacer"> </td> </tr> <!-- end block template -->
ايضا يوجد صور مثال للي شرحته لكم مرفقه
ممكن تطبيق الطريقه على اي سكربت اخواني بكل سهوله
وقريبا ان شاء الله اضافة محرر wysiwyg لمركز تحميل المجله بعد التجربه
لمشاهدة نتيجة التعديل
http://www.ssdaa.com/vb/showthread.php?t=6401
رد مع اقتباس
