قالب شكل جديد للفئات على احلى منتدى

[Admin]

بسم الله الرحمن الرحيم

في عالم المنتديات الافتراضية، يُعتبر عرض الفئات والأقسام من العوامل المهمة لجذب انتباه الأعضاء وتسهيل تصفحهم للمحتوى المتاح. إذا كنت تدير منتدى على منصة "أحلى منتدى"، فإن تصميم وعرض قالب عرض الفئات والأقسام بشكل جديد ومبتكر يمكن أن يعزز تجربة المستخدم ويجعل التنقل في المنتدى أكثر سلاسة وفعالية. في هذا الموضوع، سنستكشف معًا طرقًا جديدة ومبتكرة لعرض الفئات والأقسام لمنتديات "أحلى منتدى"، مما يساعد في تحسين تجربة المستخدم وزيادة المشاركة في المنتدى. سنقدم مجموعة من الأفكار والتصاميم التي يمكنك تطبيقها لجذب انتباه الأعضاء وتحفيزهم على استكشاف المحتوى المتاح بشكل أكبر. دعونا نبدأ في استكشاف عالم الإبداع والتجديد في عرض الفئات والأقسام لمنتديات "أحلى منتدى".

اقدم لكم قالب تومبيلات لعرض الفئات بالرئيسية القالب ليس تصميمي ولكن وضعت به القليل من الاضافات وعدلت الاكواد قالب مميز ومتناسق ولا يلزم التعديل عليه ليتناسب مع شكل المنتدى فهو مربوط بالمسميات الاساسية.​

معاينة القالب​

​

تركيب القالب​

للتركيب توجه نحو لوحة الادارة - مظهر المنتدى - التومبيلات والقوالب - ادخل قالب index_box واحذف جميع الاكواد واضف الاكواد التالية مكانه

<div class="container"><br><div class="bar-box-forum"><div class="action-bar action-bar-top">
 <img alt="" height="15" src="https://i.servimg.com/u/f93/15/47/21/99/119.png" width="15">  <strong>
 </strong>
 <a class="inkor-style1" href="/search?search_id=unanswered" style="box-sizing: inherit; margin: 0px; padding: 0px; max-width: 100%; transition: all 0.3s ease-in-out 0s; text-decoration: none; outline: 0px; font-family: DroidKufi-Regular, 'Roboto', sans-serif; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: center; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">
 <strong>معاينة المواضيع بدون مساهمات </strong></a><strong> </strong>
 </div></div></div>
<style>
  .bar-box-forum {
    text-align: center;
    background: #FFF;
    border: 1px solid #124862;
    border-radius: 3px;
}
  </style>

  <p> </p>
  <div> </div>
<style>
        .topics_Eslam , .posts_Eslam{
        border: 1px solid rgb(214, 214, 214);
        background: white;
        padding: 3px;
        width: 90px;
        margin: 0 auto;
        border-radius: 3px;
        box-shadow: 1px 1px 0px white;
        color: #666;
font-family: DroidKufi-Regular, 'Roboto', sans-serif;
        font-size: 11px;
          margin-top:3px;
        }
        .lpost_Eslam{
        background: #fff;
        border: 1px solid #d6d6d6;
        border-radius: 3px;
        box-shadow: 1px 1px 0 #fff;
        color: #666;
font-family: DroidKufi-Regular, 'Roboto', sans-serif;
        font-size: 11px;
        margin: 3px auto 0;
        padding: 3px;
        width: 95%;
        height: 55px;
        margin-top: -5px;
        margin-left: 120px;
        }
    </style>
    <!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
     <tr>
     <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
     <th nowrap="nowrap" width="50">احصائيات</th>
     <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
     </tr>
     <!-- END tablehead -->
     <!-- BEGIN cathead -->
     <tr>
     <!-- BEGIN inc -->
     <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
     <!-- END inc -->
     <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
     <h{catrow.cathead.LEVEL} class="hierarchy">
     <span class="cattitle">
     <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
     </span>
     </h{catrow.cathead.LEVEL}>
     </td>
     <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right">&nbsp;</td>
     </tr>
     <!-- END cathead -->
     <!-- BEGIN forumrow -->
     <tr>
     <!-- BEGIN inc -->
     <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
     <!-- END inc -->
     <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
     <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
     </td>
     <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
     <h{catrow.forumrow.LEVEL} class="hierarchy">
     <span class="forumlink">
     <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
     </span>
     </h{catrow.forumrow.LEVEL}>
     <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
     <span class="gensmall">
     <!-- BEGIN switch_moderators_links -->
     {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
     <!-- END switch_moderators_links -->
     {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
     </span>
     </td>
     <td class="row2" align="center" valign="middle" height="50">
    <div class="posts_Eslam"><b>{catrow.forumrow.POSTS}</b> المواضيع</div>
    <div class="topics_Eslam"><b>{catrow.forumrow.TOPICS}</b> المشاركات</div>
     </td>
     <td class="row3 over" align="center" valign="middle" height="50">
                    <!-- BEGIN avatar -->
                <div style="width: 200px;"></div>
                <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                <!-- END avatar -->
                    <div class="lpost_Eslam"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
     </td>
     </tr>
     <!-- END forumrow -->
     <!-- BEGIN catfoot -->
     <tr>
     <!-- BEGIN inc -->
     <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
     <!-- END inc -->
     <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
     </tr>
     <!-- END catfoot -->
     <!-- BEGIN tablefoot -->
    </table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

ان شاء الله يعجبكم
حقوق نقل القالب محفوظة لمنتدى الاشهار العربي
بالتوفيق للجميع
والسلام ختام
​

 

[يشهب]

قالب قوي و راسخ
أعجبتني تعديلاتك فيه.. شكراً لك.

 

[Admin]

قالب قوي و راسخ
أعجبتني تعديلاتك فيه.. شكراً لك.

تسلم اخي