home الرئيسيةpeople_outline الأعضاء vpn_key دخول


chatالمواضيع الأخيرة
كلمات لهــا معنى access_timeالأحد يناير 20, 2019 10:42 pmpersonمحمد فهمي يوسف
طلب بتصميم غلافaccess_timeالأحد يناير 20, 2019 3:01 pmpersonAhmed Alshiqaqi
طلب كتابه علي شعارaccess_timeالأحد يناير 20, 2019 2:39 pmpersonمودي الشرقاوي
طلب بعمل غلاف فيس بوكaccess_timeالأحد يناير 20, 2019 9:37 ampersonAhmed Alshiqaqi
اريد تصميم غلاف لصفحة فيس access_timeالسبت يناير 19, 2019 11:05 pmpersonAhmed Alshiqaqi
تصميم بنر access_timeالسبت يناير 19, 2019 6:21 pmpersonرؤوف
1طلب بتغيير لون access_timeالجمعة يناير 18, 2019 3:18 pmpersonAhmed Alshiqaqi
طلب بتصميم شبيه باحترافيهaccess_timeالجمعة يناير 18, 2019 3:11 pmpersonAhmed Alshiqaqi
طلب تصميم شعارaccess_timeالجمعة يناير 18, 2019 11:26 ampersonAhmed Alshiqaqi
new_releasesأفضل 10 أعضاء في هذا الأسبوع

طريقة عرض الأقسام

لونك المفضل



درس اخر مواضيع وافضل المشاركين بالاسبوع والشهر للنسخة ModernBBBETA

اخر مواضيع وافضل المشاركين بالاسبوع والشهر للنسخة ModernBBBETA
اخر مواضيع وافضل المشاركين بالاسبوع والشهر للنسخة ModernBBBETA

https://i.servimg.com/u/f11/19/61/68/63/screen16.png
طريقه التركيب 
اوﻻ كود css
اذهب إلى لوحة الإدارة. مظهر المنتدى. صور والوان. الوان. ورقة css
وضع الكود الاتي

الكود:


#content-container #container {
    margin-right: 0 !important ;
}
#content-container div#main{margin-left:0;margin-right:0}
#content-container div#left{float:none;width:100%}
.linklist.top {
    border-width: 0 0 1px;
    display: block;
    float: right;
    padding-bottom: 6px;
}
.mod-top-row:nth-child(1), .mod-top-row:nth-child(2), .mod-top-row:nth-child(3){
    display: block;;
    width: 100%;
}
.mod-top-row {
    display: none;
}
.mod-top-row:first-child {
    padding: 0 18px 3px  !important;
}
.mod-recent-title {
    font-size: 16px;
    padding: 2px;
}
 
.mod-top-name:last-child {
    border-bottom: medium none;
}
.mod-recent-title:last-child {
    border-bottom: medium none  !important;
}
.mod-recent-row {
    margin: -10px 5px;
}
.mod-top-name {
    line-height: 21px;
    padding: 4px 0;
}

الان عناصر المستقله
اذهب إلى عناصر اضافية . إدارة العناصر المستقلة على المنتدى .
واجعل ترتيب العناصر والاعدادات كالاتي علما يتم وضع عدد مواضيع اخر المواضيع 9 فقط

https://i.servimg.com/u/f11/19/61/68/63/screen17.png
وسجل الان قوالب
اذهب الى مظهر المنتدى. قوالب التومبلايت. ادارة عامة. قالب overall_header
احذف الاتي

الكود:


<div id="{ID_LEFT}">
                     <!-- BEGIN giefmod_index1 -->
                        {giefmod_index1.MODVAR}
                        <!-- BEGIN saut -->
                           <div style="height:{SPACE_ROW}px"></div>
                        <!-- END saut -->
                     <!-- END giefmod_index1 -->
                  </div>


ثم سجل ومن امام القالب يوجد علامة صح اضغط عليه لنشر القالب
ثم بقالب index_body ابحث عن

الكود:


{CHATBOX_TOP}

وضع اعلى منه القالب الاتي

الكود:


<div id="{ID_LEFT}">
   <!-- BEGIN giefmod_index1 -->
   {giefmod_index1.MODVAR}
   <!-- END giefmod_index1 -->
   </div>

ثم سجل ومن ثم تضغط على علامة صح لنشر القالب
الان قوالب البوابة .. احذف القوالب الاصليه وضع هذة القوالب ..
قالب mod_recent_topics

الكود:


<div class="module" style="float: right; width: 68%; margin: 0px 5px;">
   <div class="h3"><i class="ion-chatbubble-working"></i>{L_RECENT_TOPICS}</div>
 
     <!-- BEGIN scrolling_row -->
   {MARQUEE_JS_SRC}
   <div id="comments_scroll_div">
   <div class="marquee" data-direction='{SCROLL_WAY}' data-duration='{SCROLL_DELAY}' data-pauseOnHover="true" style="overflow:hidden;height:{SCROLL_HEIGHT}px;">
      <!-- BEGIN recent_topic_row -->
      <div class="mod-recent-row">
         <a href="{scrolling_row.recent_topic_row.U_TITLE}" title="{scrolling_row.recent_topic_row.L_TITLE}" class="mod-recent-title">{scrolling_row.recent_topic_row.L_TOPIC_TITLE}</a>
         <span class="mod-recent-info">
            <span class="mod-recent-time">
               <i class="ion-clock"></i>{scrolling_row.recent_topic_row.S_POSTTIME}
            </span>
 
            <span class="mod-recent-author">
               <i class="ion-ios-person"></i>
               <!-- BEGIN switch_poster -->
                  <a href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a>
               <!-- END switch_poster -->
 
               <!-- BEGIN switch_poster_guest -->
                  {scrolling_row.recent_topic_row.switch_poster_guest.S_POSTER}
               <!-- END switch_poster_guest -->
            </span>
         </span>
      </div>
      <!-- END recent_topic_row -->
   </div>
   </div>
   <script>
      $(".marquee").marquee();
   </script>
<!-- END scrolling_row -->

<!-- BEGIN classical_row -->
   <div class="mod-recent-row" style="">
   <!-- BEGIN recent_topic_row -->
      <a href="{classical_row.recent_topic_row.U_TITLE}" style="width:100%; display:block; border-bottom:1px solid #2d2d2d;  " class="mod-recent-title">{classical_row.recent_topic_row.L_TITLE}</a>
      <!--
      <a href="{classical_row.recent_topic_row.U_POSTER}">{classical_row.recent_topic_row.S_POSTER}</a> {ON} {classical_row.recent_topic_row.S_POSTTIME}<br /><br />
      -->
   <!-- END recent_topic_row -->
   </div>
<!-- END classical_row -->
</div>

قالب mod_top_post_users_month

الكود:


<div class="module" style="width:29%; float:left;">
   <div class="h3"><i class="ion-trophy"></i>افضل 3 اعضاء بالشهر</div>
   <div class="mod-top">
      <!-- BEGIN POSTER -->
         <div class="mod-top-row">
            <div class="mod-top-name" style="width: 100%; border-bottom: 1px solid rgb(45, 45, 45);">{POSTER.NAME}</div>
            </div>
      <!-- END POSTER -->
   </div>
</div>

قالب mod_top_post_users_week

الكود:


<div class="module" style="width: 29%; float: left; margin-top: -15px; ">
   <div class="h3"><i class="ion-trophy"></i>افضل 3 اعضاء بالاسبوع</div>
   <div class="mod-top">
      <!-- BEGIN POSTER -->
         <div class="mod-top-row">
            <div class="mod-top-name" style="width: 100%; border-bottom: 1px solid rgb(45, 45, 45);">{POSTER.NAME}</div>
            </div>
      <!-- END POSTER -->
   </div>
</div>

وﻻ تنسى سجل ثم ضغط على علامة صح لنشر القالب

انتهينا دمتم بخير


درس رد: اخر مواضيع وافضل المشاركين بالاسبوع والشهر للنسخة ModernBBBETA

الف تحية وشكر للملكة جوري 
ابداع وتميز وحضور رائع في منتدى الابداع العربي 
يعطيك العافية وبارك الله فيج 
دوما مبدعة قي مواضيعك الرائعة 
ولاتحرمينا من جديدك 
وكود رائع جدا واظن اكثر اعضاء بيبحثوا عنه 
وانتي دائما تفيديننا باكواد جميلة ورائعة 
دمتي لنا  ,m,nn
واحلى تقييم 


عدل سابقا من قبل Stephanie Meanswell في الجمعة يوليو 07, 2017 2:19 pm عدل 1 مرات

درس رد: اخر مواضيع وافضل المشاركين بالاسبوع والشهر للنسخة ModernBBBETA

لايد ان اشكرك لاني اعلم جيدا انك بذلتي مجهود جبار لانشاء هذا الكود باستخدام الجوال

شكرررررررررا لك علي المجهود بارك الله فيكي يسلمووووووو gfifep

درس رد: اخر مواضيع وافضل المشاركين بالاسبوع والشهر للنسخة ModernBBBETA

شكرا كتير علي مجهودك اختي


درس رد: اخر مواضيع وافضل المشاركين بالاسبوع والشهر للنسخة ModernBBBETA

تسلمون يارب ماقصرتوا
منورين جميعا


درس رد: اخر مواضيع وافضل المشاركين بالاسبوع والشهر للنسخة ModernBBBETA

رائع


درس رد: اخر مواضيع وافضل المشاركين بالاسبوع والشهر للنسخة ModernBBBETA

منورين جميعا


درس رد: اخر مواضيع وافضل المشاركين بالاسبوع والشهر للنسخة ModernBBBETA

أإسـ عٍ ـد الله أإأوٍقـآتَكُـ بكُـل خَ ـيرٍ دآإئمـاَ تَـبهَـرٍوٍنآآ بَمَ ـوٍآضيعكـ أإلتي تَفُـوٍح مِنهآ عَ ـطرٍ أإلآبدآع وٍأإلـتَمـيُزٍ

درس رد: اخر مواضيع وافضل المشاركين بالاسبوع والشهر للنسخة ModernBBBETA

منور الموضوع جميعا


درس رد: اخر مواضيع وافضل المشاركين بالاسبوع والشهر للنسخة ModernBBBETA

موضوع في قمة الروعه لطالما كانت مواضيعك متميزة لا عدمنا التميز و روعة الاختيار دمت لنا ودام تالقك الدائم


درس رد: اخر مواضيع وافضل المشاركين بالاسبوع والشهر للنسخة ModernBBBETA

كود اكثر من رائع
لك منى كل تحية وردة حمراء


درس رد: اخر مواضيع وافضل المشاركين بالاسبوع والشهر للنسخة ModernBBBETA

شكرا لك





ارسال رد

هــــــام

ندعوك للتسجيل في المنتدى لتتمكن من ترك رد أو تسجيل الدخول اذا كنت من اسرة المنتدى

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