موقع صن سيت
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

موقع صن سيتدخول

كود عرض الاقسام بشكل مربعات وحصري

power_settings_newقم بتسجيل الدخول للرد

20062018
كود عرض الاقسام بشكل مربعات وحصري

بسم الله الرحمن الرحيم
جديد على موقع صن سيت ولعيون اعضاء صن سيت
عساكم من عوادة وكل عام وانتم بخير
نقدم اليكم الان قالب  index_box بشكل احترافى .. يعرض الاقسام فى مربعا ت بشكل مزدوج
القالب خفيف وليس به , اى اعراض  غير انه خفيف الوزن وله شكل احترافى لامثيل له
القالب مخصوص للنسخة PunBB
ويمكنكم التأكد من صورة المثال التالى
كود عرض الاقسام بشكل مربعات وحصري 44410

وقبل كل شيئ يجب عمل هذه الاعدادات لكى يظهر بشكل المطلوب كما هو مبين فى المثال
كود عرض الاقسام بشكل مربعات وحصري 55510

القالب index_box

الكود:

<!-- BEGIN catrow -->
   <!-- BEGIN tablehead -->
<div class="main index-box {catrow.tablehead.ID}">
      <div class="main-head">
         <div class="page-title">{catrow.tablehead.L_FORUM}</div>
      </div>
      <div class="main-content">
         <ul class="table-box clearfix">
   <!-- END tablehead -->

   <!-- BEGIN forumrow -->
               <li class="box-content clearfix">
                                          <div class="box-all">
                                          <div class="box-info">
                                          <div class="icon-box">
                                           <span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">
                        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                     </span>
                                          </div>
                                            <div class="box-name"><h3><a href="{catrow.forumrow.U_VIEWFORUM}}">{catrow.forumrow.FORUM_NAME}</a></h3></div>
                                            <div class="box-count"><span class="count-itemt">الموضوع {catrow.forumrow.TOPICS}</span><span class="count-itemt">المشاركات {catrow.forumrow.POSTS}</span></div>
                                          </div>
                                          <div class="box-last">
                            <!-- BEGIN avatar -->
                            <div class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</div>
                            <!-- END avatar -->
                                            <div class="box-lasttit">
                                              <!-- BEGIN switch_topic_title -->
                  <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                                              <!-- END switch_topic_title -->
                                            </div>
                                            <div class="box-user">{catrow.forumrow.USER_LAST_POST}</div>
                                          </div>
                                          </div>
               </li>
   <!-- END forumrow -->

   <!-- BEGIN tablefoot -->
         </ul>
      </div>
</div>
   <!-- END tablefoot -->
<!-- END catrow -->

ثم بعد ذلك تذهب الى الcss  وتضع هذا الكود

الكود مخفى للرد


والسلام عليكم ورحمة الله وبركاته

تعاليق

wallstant
thx
العراقي الطائي
كود عرض الاقسام بشكل مربعات وحصري 1f60d كود عرض الاقسام بشكل مربعات وحصري 1f60d كود عرض الاقسام بشكل مربعات وحصري 1f60d
pepobasha
مشكوررررررررررررررررر
gsm_bouali
مشكور
thilje
super
mahmoud gilany
يسلموا ع هل الكود الرائع
support service
يسلموا ع هل الكود الرائع
shvr hgrg,f
مشكوررررررررررررررررر
العراقي الطائي
شكرا لكم
boualem02
شكرا لكم
BAZOKA Libya
بارك الله فيك على المجهود الرائع
اكثر نسخة مظلومة هي punbb
عبدالحميد19
شكرا لك
power_settings_newقم بتسجيل الدخول للرد
privacy_tip صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
Top