كود عرض الاقسام بشكل مربعات وحصري
المواضيع الأخيرة
» انشودة وكلمات عالنور طيور الجنة
من طرف شهد صلاح اليوم في 4:20

» لا يحوز ان تقول الباقي على الله
من طرف داليا الإثنين 12 نوفمبر 2018 - 19:34

» المعصية تنشأ من اسباب عديدة
من طرف داليا الإثنين 12 نوفمبر 2018 - 19:32

» لماذا سمي الجن والأنس بالثقلين
من طرف اسراء الإثنين 12 نوفمبر 2018 - 19:23

» هناك قصة لسيدنا نوح مكذوبة
من طرف اسماء الإثنين 12 نوفمبر 2018 - 19:17

» دعاء اليسر
من طرف اسماء الإثنين 12 نوفمبر 2018 - 19:17

» ياسورة الكهف دوي في منازلنا ، ها قد اتانا جمال اسمه الجمعة
من طرف شهد صلاح الأحد 11 نوفمبر 2018 - 22:16

» سبب بسيط يؤدي لبطلان الوضوء
من طرف شهد صلاح الأحد 11 نوفمبر 2018 - 22:10

» مجموعة بنرات للكتابة عليها بصيغة psd جودة عالية
من طرف اسلام الأحد 11 نوفمبر 2018 - 1:54

» بنرات جاهزة للكتابة عليها 2015
من طرف احترافيے السبت 10 نوفمبر 2018 - 8:59

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

لا أحد

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


صلِ على محمد

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

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

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

مُساهمةنغم الحياة في الأربعاء 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  وتضع هذا الكود

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


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

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

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

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

التسجيل

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


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

تسجيل الدخول

قم بتسجيل الدخول وانضم لجمهورية صن سيت الكبرى


تسجيل الدخول

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