ورشة المبدعين


 
الرئيسيةاليوميةس .و .جبحـثالأعضاءالمجموعاتالتسجيلدخول

شاطر | 
 

  [Template] كود الاقسام على الرئيسيه ا بشكل جميل

اذهب الى الأسفل 
كاتب الموضوعرسالة
Mohamed Kbk

avatar

الجنس : ذكر
عدد المساهمات : 350
نقاط : 539
السٌّمعَة : 1
تاريخ الميلاد : 21/01/2004
العمر : 14

مُساهمةموضوع: [Template] كود الاقسام على الرئيسيه ا بشكل جميل   الأحد يوليو 23, 2017 9:32 pm

بسم الله الرحمن الرحيم 
السلام عليكم اخواني واخواتي 
اقدم اليكم كود جديد.. وظيقة الكود كود اظهار (عدد المواضيع,المساهمات,اخر مساهمه) على الرئيسه بشكل جميل





صوره للكود:






طريقة وضع الكود :
لوحة الاداره>>مظهر المنتدى>>التومبلايتات و القوالب>>إدارة عامة>>index_box>>
*نبحث عن الكود التالي:




الكود:

الكود:
<tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
      <th nowrap="nowrap" width="50">{L_TOPICS}</th>
      <th nowrap="nowrap" width="50">{L_POSTS}</th>
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
   </tr>


ونستبدله بالكود التالي:







الكود:

الكود:
<tr>
        <th colspan="4" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
</tr>


*ونبحث عن الكود التالي:







الكود:

الكود:
<td class="row3" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.TOPICS}</span>
      </td>
      <td class="row2" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.POSTS}</span>
      </td>
      <td class="row3 over" align="center" valign="middle" height="50">
            <!-- BEGIN avatar -->
            <div style="width: 200px;"></div>
            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
            <!-- END avatar -->
 
         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>


ونستبدله بالكود التالي:







الكود:

الكود:
<td class="row2" align="left" valign="middle" height="45">
         <div class="stats" style="width: 90px"><span class="gensmall">
         <font color="#465361">المواضيع<div class="stats1">{catrow.forumrow.TOPICS}</div></font></span></div>
         <div class="stats" style="width: 90px"><span class="gensmall">
         <font color="#465361">المساهمات<div class="stats1">{catrow.forumrow.POSTS}</div></font></span></div>
       </td>
        
      <td class="row3 over" align="left" valign="middle">
        <!-- BEGIN avatar -->
            <div style="width: 200px;"></div>
            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
            <!-- END avatar -->
        <div class="stats" style="width: 200px"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
     </td>


ثم نذهب لـ
لوحة الاداره
>>مظهر المنتدى>>ألوان>>ورقة تصميم CSS
وضع الكود التالي








الكود:

الكود:
.stats{   border: solid 1px #adadad;   padding: 4px;   margin-bottom: 2px;   border-radius: 4px;   background: #f9f9f9;   box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.10); }  .stats font{color: #777 !important;}  .stats1{   float: right;   height: 0px;   font-weight: bold; }  .lastpost-avatar {   margin-top: 2px;   margin-left: 2px;   margin-right: 2px; }


ملحوظه:اذا كنت تريديها ان تظهر مثل التي في الصوره هنا 







يجب عمل الاتي:لوحة الإدارة >> مظهر المنتدى >> الصفحة الرئيسية >> الهيكل و التراتب>> تعديل التراتب >> إظهار الصورة الرمزية للعضو بجوار اسمه في عمود "آخر مساهمة">>نعم






منقول للافادة وتم التعديل والترجمة من قبلي 
وبهذا نكون انتهينا من شرح الكود التالي
بالتوفيق ليكم


الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://noujom.ahlamontada.com
K!LLeR



الجنس : ذكر
عدد المساهمات : 67
نقاط : 90
السٌّمعَة : 1

مُساهمةموضوع: رد: [Template] كود الاقسام على الرئيسيه ا بشكل جميل   الإثنين يوليو 24, 2017 9:55 am

مشكور
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
Mohamed Kbk

avatar

الجنس : ذكر
عدد المساهمات : 350
نقاط : 539
السٌّمعَة : 1
تاريخ الميلاد : 21/01/2004
العمر : 14

مُساهمةموضوع: رد: [Template] كود الاقسام على الرئيسيه ا بشكل جميل   الإثنين يوليو 24, 2017 11:56 am

لك كل الشكر والاحترام يا اخي نمر الدعم


على مروورك العطر والمميز


دمت بحفظ الرحمان


الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://noujom.ahlamontada.com
منصورة

avatar

عدد المساهمات : 13
نقاط : 15
السٌّمعَة : 0
تاريخ الميلاد : 28/01/1963
العمر : 55

مُساهمةموضوع: رد: [Template] كود الاقسام على الرئيسيه ا بشكل جميل   الثلاثاء أغسطس 08, 2017 7:27 pm

الف الف شكر
على الكود المميز
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
 
[Template] كود الاقسام على الرئيسيه ا بشكل جميل
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» كود css جعل جداول المنتدى مثل الفي بي من دون شراء TEMPLATE للنسخة الثانية
» كود css جعل جداول المنتدى مثل الفي بي من دون شراء TEMPLATE للنسخة الثانية
» كود css وضع صورة فوق الفئات مثل vb من دون template للنسخة الثالثة

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
ورشة المبدعين :: تطوير منتديات أحلى منتدى :: قسم الاكواد المتقدمة-
انتقل الى: