اقسام المنتدى

مرحبا كيف اعمل زي هاي الاقسام اربعة اقسام مثل اللي بصورة زي منتدى الدعم




وايضا مثل قسم تقنيات متقدمة قسم داخل قسم كما في الصورة
 هل هو كود ام ماذا

تعمل كوبي بيست لكل هاي الروابط وتضعها في وصف المنتدى اللي عملته وتغير الروابط والصور الى منتداك

ما فهمت عليك
والاربع اقسام كما في الصورة كيف اعملهم

غير الروابط فقط

الكود:

<ul style="margin-right: 0px; margin-left: 0px; padding-right: 0px; padding-left: 0px; list-style-type: none; background: none rgb(250, 250, 250); color: rgb(85, 85, 85); font-size: 16px; text-align: right;" class="topiclist forums onindex">
   <li style="margin: 0px 5px 10px; padding: 0px; border: 1px solid rgb(238, 238, 238) !important; display: block; background: rgb(242, 242, 242); border-radius: 3px; position: relative;" class="row">
      <dl style="margin: 0px; padding: 2px 0px; background-position: right 0px !important; background-repeat: repeat-y; height: auto; min-height: 0px; background-image: url("https://i.servimg.com/u/f37/11/78/15/91/iq8eou10.png");" class="icon forum-icon"><dd style="margin: 0px; padding: 4px 5px; float: right; font-size: 1.1em; width: 762.234px; background-position: 99.5% 50%; background-repeat: no-repeat; border: none !important;" class="dterm"></dd></dl>
      <div style="background-repeat: repeat-y; height: auto; min-height: 0px; background-image: url("https://i.servimg.com/u/f37/11/78/15/91/iq8eou10.png"); margin: 0px 45px 0px 0px; padding: 0px; background-position: right 0px !important;">
         <div style="margin: 7px 0px 0px; padding: 0px;" class="forum-desc">
            <table style="margin-top: -15px; width: 717px;" border="0" cellpadding="3" cellspacing="5">
               <tbody style="margin: 0px; padding: 0px;">
               </tbody>
               <tr style="margin: 0px; padding: 0px;">
                  <td style="margin: 0px; padding: 0px; width: 200px;">
                     <h3 style="margin-top: 20px; margin-bottom: 3px; padding-bottom: 2px; border: none; color: rgb(51, 153, 204); display: inline; font-size: 1.1em !important;" class="hierarchy">
                        <a style="margin: 0px; padding: 0px; color: rgb(51, 153, 204); text-decoration-line: none; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em;" href="https://help.ahlamontada.com/montada-f19/" class="forumtitle">قانون منتدى الدعم</a>
                     </h3><br style="margin: 0px; padding: 0px;" /><span style="margin: 0px; padding: 0px;" class="montada-title">المرجوا من اعضائنا الكرام قراءة و احترام قانون المنتدى</span>
                  </td>
                  <td style="margin: 0px; padding: 0px; width: 31px;">
                     <a style="margin: 0px; padding: 0px; color: rgb(4, 116, 191); text-decoration-line: none;" href="https://help.ahlamontada.com/montada-f1/"><span style="margin: -2px 5px 0px 15px; padding: 12px 0px; background-color: rgb(54, 159, 207); border-radius: 69px; box-sizing: border-box; color: rgb(255, 255, 255); float: right; height: 50px; text-align: center; width: 50px; font-size: inherit; display: inline-block; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: 1; font-family: FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased;" class="fa fa-refresh desc-icon"></span></a>
                  </td>
                  <td style="margin: 0px; padding: 0px; width: 190px;">
                     <h3 style="margin-top: 20px; margin-bottom: 3px; padding-bottom: 2px; border: none; color: rgb(51, 153, 204); display: inline; font-size: 1.1em !important;" class="hierarchy">
                        <a style="margin: 0px; padding: 0px; color: rgb(51, 153, 204); text-decoration-line: none; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em;" href="https://help.ahlamontada.com/montada-f1/" class="forumtitle">الإشعارات و الأخبار</a>
                     </h3><br style="margin: 0px; padding: 0px;" /><span style="margin: 0px; padding: 0px;" class="montada-title">الإشعارات الخاصة بالصيانة و التجديد وآخر أخبار المنتدى</span>
                  </td>
               </tr><tbody style="margin: 0px; padding: 0px;"></tbody>
            </table><br style="margin: 0px; padding: 0px;" /><br style="margin: 0px; padding: 0px;" />
         </div><strong style="margin: 0px; padding: 0px;"></strong>
      </div><dl style="margin: 0px; padding: 2px 0px; background-position: right 0px !important; background-repeat: repeat-y; height: auto; min-height: 0px; background-image: url("https://i.servimg.com/u/f37/11/78/15/91/iq8eou10.png");" class="icon forum-icon"><dd style="margin: 0px; padding: 4px 5px; float: right; font-size: 1.1em; width: 762.234px; background-position: 99.5% 50%; background-repeat: no-repeat; border: none !important;" class="dterm"><br /></dd></dl>
   </li>
   <li style="margin: 0px 5px 10px; padding: 0px; border: 1px solid rgb(238, 238, 238) !important; display: block; background: rgb(247, 247, 247); border-radius: 3px; position: relative;" class="row">
      <div style="background-repeat: repeat-y; height: auto; min-height: 0px; background-image: url("https://i.servimg.com/u/f37/11/78/15/91/iq8eou10.png"); margin: 0px 45px 0px 0px; padding: 0px; background-position: right 0px !important;">
         <h3 style="margin-right: 70px; margin-bottom: 3px; padding-bottom: 2px; border: none; color: rgb(51, 153, 204); display: inline-block; font-size: 1.1em !important;" class="hierarchy forum-title">
            <a style="margin: 0px; padding: 0px; color: rgb(51, 153, 204); text-decoration-line: none; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em;" class="forumtitle" href="https://help.ahlamontada.com/f50-montada"> </a>
         </h3><br style="margin: 0px; padding: 0px;" />
         <div style="margin: 7px 0px 0px; padding: 0px;" class="forum-desc">
            <table style="margin-top: -15px; width: 717px;" border="0" cellpadding="3" cellspacing="5">
               <tbody style="margin: 0px; padding: 0px;">
               </tbody>
               <tr style="margin: 0px; padding: 0px;">
                  <td style="margin: 0px; padding: 0px; width: 31px;">
                     <a style="margin: 0px; padding: 0px; color: rgb(4, 116, 191); text-decoration-line: none;" href="https://help.ahlamontada.com/t59147-topic/"><span style="margin: 1px 5px 0px 15px; padding: 12px 0px; background-color: rgb(54, 159, 207); border-radius: 69px; box-sizing: border-box; color: rgb(255, 255, 255); float: right; height: 50px; text-align: center; width: 50px; font-size: inherit; display: inline-block; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: 1; font-family: FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased;" class="fa fa-info desc-icon"></span></a>
                  </td>
                  <td style="margin: 0px; padding: 0px; width: 200px;">
                     <h3 style="margin-top: 20px; margin-bottom: 3px; padding-bottom: 2px; border: none; color: rgb(51, 153, 204); display: inline; font-size: 1.1em !important;" class="hierarchy">
                        <a style="margin: 0px; padding: 0px; color: rgb(51, 153, 204); text-decoration-line: none; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em;" href="https://help.ahlamontada.com/t59147-topic/" class="forumtitle">الأســئلة الشائعة</a>
                     </h3><br style="margin: 0px; padding: 0px;" /><span style="margin: 0px; padding: 0px;" class="montada-title">99% من أسئلتكم لها جواب هنا, لا داعي للإنتظار...</span>
                  </td>
                  <td style="margin: 0px; padding: 0px; width: 31px;">
                     <a style="margin: 0px; padding: 0px; color: rgb(4, 116, 191); text-decoration-line: none;" href="https://help.ahlamontada.com/montada-f79/"><span style="margin: 1px 5px 0px 15px; padding: 12px 0px; background-color: rgb(54, 159, 207); border-radius: 69px; box-sizing: border-box; color: rgb(255, 255, 255); float: right; height: 50px; text-align: center; width: 50px; font-size: inherit; display: inline-block; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: 1; font-family: FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased;" class="fa fa-magic desc-icon"></span></a>
                  </td>
                  <td style="margin: 0px; padding: 0px; width: 190px;">
                     <h3 style="margin-top: 20px; margin-bottom: 3px; padding-bottom: 2px; border: none; color: rgb(51, 153, 204); display: inline; font-size: 1.1em !important;" class="hierarchy">
                        <a style="margin: 0px; padding: 0px; color: rgb(51, 153, 204); text-decoration-line: none; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em;" href="https://help.ahlamontada.com/montada-f79/" class="forumtitle">التقنيات المتقدمة</a>
                     </h3><br style="margin: 0px; padding: 0px;" /><span style="margin: 0px; padding: 0px;" class="montada-title">تجدون مجموعة من الأكواد لتشخيص منتدياتكم<br /><br /></span>
                  </td>
               </tr><tbody style="margin: 0px; padding: 0px;"></tbody>
            </table>
         </div>
      </div><dl style="margin: 0px; padding: 2px 0px; background-position: right 0px !important; background-repeat: repeat-y; height: auto; min-height: 0px; background-image: url("https://i.servimg.com/u/f37/11/78/15/91/iq8eou10.png");" class="icon forum-icon"><dd style="margin: 0px; padding: 4px 5px; float: right; border-left-color: rgb(255, 255, 255); font-size: 1.1em; width: 762.234px; background-position: 99.5% 50%; background-repeat: no-repeat; border-width: initial !important; border-style: none !important; border-right-color: initial !important; border-top-color: initial !important; border-bottom-color: initial !important; border-image: initial !important;" class="dterm"></dd></dl>
   </li>
</ul>