كود الاقسام الفرعية (يوجدمثال)

اقدم لكم كود الاقسام الفرعية

مثال


التركيب
ندهل الى لوحة الادارة   مظهر المنتدى  التومبيلات والقوالب  نختار قالب index_box ونغط تعديل

نبحث عن

الكود:


{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}


نحذفها ونضع مكانها

الكود:


<a id="sub_{catrow.forumrow.U_VIEWFORUM}" onclick="javascript:toggle(document.getElementById('sub_{catrow.forumrow.U_VIEWFORUM}_menu'))" class="malek-fr3y"><span class="fa fa-folder-open-o" style="color:#3498DB"></span> الأقسام الفرعية</a>
<div class="subforums-font">

</div>
</div>
<div class="vbmenu_popup" id="sub_{catrow.forumrow.U_VIEWFORUM}_menu" style="position: absolute; z-index: 50; clip: rect(auto, auto, auto, auto); left: 480px; margin-top: 25px; display: none;">
<table class="vbmenu_nom" cellpadding="4" cellspacing="1" width="320">
<tbody>
<tr>
<td class="malt2" dir="rtl">
<p style="margin-top: 0; margin-bottom: 0" align="right"><div class="vbmenu_popup13" >    <div class="forumrow">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>


                              <script>


                                        $(function() {


              var sep = '/', max_by_line = 1;


              $('.forumrow').each(function() {


                var nth = 0;


                $('a.gensmall', this).each(function(){


                  var next = this.nextSibling;


                  if (next && next.nodeType == 3 && next.nodeValue == ", ") {


                    if (++nth % max_by_line) $(next).replaceWith(sep);


                    else $(next).replaceWith('<br>');


                  }


                });


              });


            });


                                </script></div></p>


وندهب الى الهيكل والتراتيب  إظهار الروابط المباشرة الى الأقسام الداخلية : نعم

ثم نتوجه الى ورقة تصميم css

ونضع ا الكود

الكود:


.vbmenu_popup13 {
    background: #C4CCD2;
    background-color: #C4CCD2;
    border: 4px solid #363636;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-color: #363636;
    border-radius: 6px;
    border-style: solid;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-width: 4px;
    color: #000;
    font-family: Droid ArabicKufi,tahoma;
    padding: 5px;
}
.forumrow {
    background: #fff;
    background-attachment: initial;
    background-clip: initial;
    background-color: #fff;
    background-image: initial;
    background-origin: initial;
    background-position-x: initial;
    background-position-y: initial;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-size: initial;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-radius: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    color: #000;
    font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
    font-size: .92em;
    font-weight: 700;
    padding: 5px;
}