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

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

نغم الحياة
نغم الحياة
النجمة الذهبيه
النجمة الذهبيه
اسم الدولة : : مصر
العمر : 23
عدد المساهمات : 295
المعجبون بمواضيعى : 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
wallstant
النجمة الفضية 99%
النجمة الفضية 99%
اسم الدولة : : مصر
العمر : 25
عدد المساهمات : 49
المعجبون بمواضيعى : 1
تمت المشاركة في السبت 19 يناير 2019 - 21:47
thx

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

العراقي الطائي
العراقي الطائي
النجمة الفضية 20%
النجمة الفضية 20%
اسم الدولة : : germany
العمر : 49
عدد المساهمات : 18
المعجبون بمواضيعى : 0
تمت المشاركة في الخميس 25 يوليو 2019 - 19:42
كود عرض الاقسام بشكل مربعات وحصري 1f60d كود عرض الاقسام بشكل مربعات وحصري 1f60d كود عرض الاقسام بشكل مربعات وحصري 1f60d
استعرض الموضوع السابقالرجوع الى أعلى الصفحةاستعرض الموضوع التالي
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
Top