أشخاص في صن سيت
مشاهدة المزيد
استعرض الموضوع السابقاذهب الى الأسفلاستعرض الموضوع التالي

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

نغم الحياة
النجمة الذهبيه
النجمة الذهبيه
اسم الدولة : : مصر
العمر : 23
عدد المساهمات : 288
المعجبون بمواضيعى : 11
معاينة صفحة البيانات الشخصي للعضو
تمت المشاركة في الأربعاء 20 يونيو 2018 - 18:21
بسم الله الرحمن الرحيم
جديد على موقع صن سيت ولعيون اعضاء صن سيت
عساكم من عوادة وكل عام وانتم بخير
نقدم اليكم الان قالب  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  وتضع هذا الكود

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


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

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

wallstant
النجمة الفضية 99%
النجمة الفضية 99%
اسم الدولة : : مصر
العمر : 25
عدد المساهمات : 49
المعجبون بمواضيعى : 1
معاينة صفحة البيانات الشخصي للعضو
تمت المشاركة في السبت 19 يناير 2019 - 21:47
thx
استعرض الموضوع السابقالرجوع الى أعلى الصفحةاستعرض الموضوع التالي
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
Top