المواضيع الأخيرة
اشخاص فى صن سيت
مشاهدة المزيد
المتواجدون الآن ؟
ككل هناك 15 عُضو متصل حالياً :: 0 عضو مُسجل, 0 عُضو مُختفي و 15 زائر :: 2 عناكب الفهرسة في محركات البحث

لا أحد

أكبر عدد للأعضاء المتواجدين في هذا المنتدى في نفس الوقت كان 1792 بتاريخ الأحد 29 يناير 2017 - 11:31
اختصار سريع

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

avatar
نغم الحياة
النجمة الذهبيه
النجمة الذهبيه
اسم الدولة : : مصر
العمر : 22
عدد المساهمات : 269
المعجبون بمواضيعى : 7
معاينة صفحة البيانات الشخصي للعضو

مُساهمةنغم الحياة في الأربعاء 20 يونيو 2018 - 18:21

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


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


القالب 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  وتضع هذا الكود

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


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

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة

للمشاركة أنت بحاجة إلى تسجيل الدخول أو الإنضمام إلينا

يجب أن تعرف بنفسك بتسجيل الدخول أو التسجيل فى صن سيت

التسجيل

انضم الينا لن يستغرق منك إلا ثوانى معدودة!


أنشئ حساب جديد

تسجيل الدخول

ليس لديك عضوية ؟ بضع ثوانى فقط لتسجيل حساب


تسجيل الدخول

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى