منتدى احلى جرافيكس
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.
title
title
title

عودة منتدى احلى جرافيكس رسميا انتضرونا بمفاجئات ومسابقات وتجديدات واسعة بأذن الله

الرئيسيةالرئيسية  التسجيلالتسجيل  دخولدخول  

 

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

اذهب الى الأسفل 
3 مشترك
كاتب الموضوعرسالة
Mohamed Kbk
عضو جديد

Mohamed Kbk

الجنس : ذكر
عدد المساهمات : 350
نقاط : 540
السٌّمعَة : 2
العمر : 18

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

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





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





طريقة وضع الكود :
لوحة الاداره>>مظهر المنتدى>>التومبلايتات و القوالب>>إدارة عامة>>index_box>> [Template] كود الاقسام على الرئيسيه ا بشكل جميل Editer
*نبحث عن الكود التالي:




الكود:

الكود:
<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; }


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

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





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






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

الموضوع الاصلي : [Template] كود الاقسام على الرئيسيه ا بشكل جميل   المصدر : منتدى احلى جرافيكس
توقيع العضو


 [Template] كود الاقسام على الرئيسيه ا بشكل جميل 11
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://bestgraphics.ahlamontada.com
K!LLeR
عضو جديد

avatar

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

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

مشكور

الموضوع الاصلي : [Template] كود الاقسام على الرئيسيه ا بشكل جميل   المصدر : منتدى احلى جرافيكس
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Mohamed Kbk
عضو جديد

Mohamed Kbk

الجنس : ذكر
عدد المساهمات : 350
نقاط : 540
السٌّمعَة : 2
العمر : 18

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

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


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


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

الموضوع الاصلي : [Template] كود الاقسام على الرئيسيه ا بشكل جميل   المصدر : منتدى احلى جرافيكس
توقيع العضو


 [Template] كود الاقسام على الرئيسيه ا بشكل جميل 11
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://bestgraphics.ahlamontada.com
منصورة
عضو جديد

منصورة

عدد المساهمات : 14
نقاط : 16
السٌّمعَة : 0
العمر : 59

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

الف الف شكر
على الكود المميز

الموضوع الاصلي : [Template] كود الاقسام على الرئيسيه ا بشكل جميل   المصدر : منتدى احلى جرافيكس
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
[Template] كود الاقسام على الرئيسيه ا بشكل جميل
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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

جميع الحقوق محفوظة لمنتدى احلى جرافيكس 2021

للإبداع لمسات ! ... ولمسـات الإبــداع إختصاصـنا !