شاطر
استعرض الموضوع السابقاذهب الى الأسفلاستعرض الموضوع التالي

تومبلايت اخر المواضيع للنسخة ModernBBBETA حصريا

#1
Admin
الإدارة العليا
  •  

  • ذكر
    المساهمات : 650

    الأوسمة :



    تاريخ التسجيل : 02/02/2018

    https://puph.yoo7.com
    في الأربعاء مايو 30, 2018 5:29 pm
    تومبلايت اخر المواضيع للنسخة ModernBBBETA حصريا
    تومبلايت اخر المواضيع للنسخة ModernBBBETA حصريا
    السلام عليكم ورحمة الله وبركاته
    اقدم قالب اخر مواضيع للنسخة ModernBBBETA حصريا مع المواضيع الاكثر مشاهدة وشعبية 
    صورة للقالب ..
    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
    الان طريقة التركيب 
    اذهب إلى. لوحة الادارة. مظهر المنتدى. قوالب التومبلايت. ادارة عامة. قالب 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>
    واحذفه وسجل ثم انشر 
    ثم اذهب الى قالب indox_body وابحث عن 
    الكود:
    {CHATBOX_TOP}
    وضع اعلاه اي اعلى منه او فوقه ^_^ الكود دة 
    الكود:

    <div id="{ID_LEFT}" class="main">
       <div class="main-head">
          <div class="page-title">
          </div>
       </div>
       <div class="main-content">
          <table cellspacing="0" class="table">
             <tbody class="statused">            
                <tr>               
                   <!-- BEGIN giefmod_index1 -->
                   {giefmod_index1.MODVAR}                                
                   <!-- END giefmod_index1 -->
                </tr>
             </tbody>
          </table>
       </div>   
       <script type="text/javascript">
          //<![CDATA[
          $("#active_topics a, #viewed_topics a").after(function() {        
             return '<span class="lastRight">' + $(this).attr("alt").replace(/.*\s-\s(\d+.+)/, "$1") + '</span>'    
          });     //]]>
       </script>
    </div>
    ومن ثم سجل وانشر 
    الان اذهب إلى  مظهر المنتدى. قوالب التومبلايت. البوابة. قالب mod_recent_topics 
    واحذف كل مافي القالب وضع الاتي 
    الكود:

    <!-- BEGIN classical_row -->
    <!-- <tr> -->
       <th class="forabg">
          <h2>المشاركات الجديدة</h2>
       </th>
    <th class="forabg">
          <h2>المواضيع الاكثر نشاط</h2>
       </th>
      <th class="forabg">
          <h2>المواضيع الاكثر شعبية</h2>
       </th>
    </tr>
    <tr>
       <td class="double">
          <ul id="recent_topics">
             <!-- BEGIN recent_topic_row -->
             <li>
                <a href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a>
             </li>
             <!-- END recent_topic_row -->
          </ul>
       </td>
    <!-- </tr> -->
    <!-- END classical_row -->
    وسجل ثم انشر القالب 
    وقالب mod_most_active_topics
    وتحذف القالب كله وتضع الاتي 
    الكود:

    <td>
       <ul id="active_topics" class="half">
          <!-- BEGIN TOPIC -->
          <li>
             <a href="{TOPIC.LINK}" alt="{TOPIC.TITLE}">{TOPIC.NAME}</a>
          </li>
          <!-- END TOPIC -->
       </ul>
    </td>
    وسجل ثم انشر 
    ثم قالب mod_most_viewed_topics
    واحذف ماهو موجود وضف الاتي 
    الكود:

    <!--<tr>-->
       <td>
          <ul id="viewed_topics" class="half">      
          <!-- BEGIN TOPIC -->      
             <li>
                <a href="{TOPIC.LINK}" alt="{TOPIC.TITLE}">{TOPIC.NAME}</a>
             </li>      
          <!-- END TOPIC -->
          </ul>
       </td>
    </tr>
    وسجل ثم انشر 
    ثم اذهب الى لوحة الادارة. مظهر المنتدى. صور والوان. الوان. ورقة css وضع الكود الاتي
    الكود:


    #left,#left *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
    #content-container div#container{float:none}
    #content-container div#main{margin-bottom:0}
    *+ html #content-container div#main{margin-left:0;margin-right:0}
    #content-container div#left{float:none;width:100%}
    #left{margin:30px 0}
    #left td {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        border-color: #ccc;
        border-image: none;
        border-style: solid;
        border-width: 0 1px;
        vertical-align: top;
    }
    #left th{vertical-align:middle}
    #left .double{border-left:0}
    #left ul,#left th{padding:10px 10px 10px 30px;margin:0}
    #left ul {
        max-height: 210px;
        overflow: auto;
    }
    .forabg > h2 {
        color: #fff;
        font-size: 13px;
    }

    .main-content .table {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        background: #fff none repeat scroll 0 0;
        border-color: currentcolor #333 #333;
        border-image: none;
        border-radius: 5px;
        border-style: none dashed dashed;
        border-width: medium 1px 1px;
        width: 100%;
    }
    #left li {
        border-bottom: 1px dashed #ccc;
        counter-increment: Zzindex;
        height: 19px;
        line-height: 19px;
        list-style-type: none;
        padding-bottom: 20px;
        position: relative;
        width: 100%;
    }

    #left li::before {
        background: #ebebeb none repeat scroll 0 0;
        border-radius: 2px;
        color: #fff;
        content: counter(Zzindex, decimal);
        display: block;
        font-size: 11px;
        height: 17px;
        line-height: 16px;
        position: absolute;
        right: -5px;
        text-align: center;
        top: 1px;
        width: 16px;
        z-index: 10;
    }
    #left li::after {
        background: #ebebeb none repeat scroll 0 0;
        content: " ";
        display: block;
        height: 6px;
        position: absolute;
        right: 8px;
        top: 6px;
        transform: rotate(45deg);
        width: 6px;
    }
    #left li:nth-child(1):before,#left li:nth-child(1):after{background:red}
    #left li:nth-child(2):before,#left li:nth-child(2):after{background:#FD5405}
    #left li:nth-child(3):before,#left li:nth-child(3):after{background:#FDB55A}
    #left li:nth-child(3) ~ li:before,#left li:nth-child(3) ~ li:after{color:#EC4403;text-shadow:0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF}
    #left a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:absolute;display:block;width:60%;left:0;top:0}
    #active_topics a,#viewed_topics a{width:50%}
    #left #recent_topics a {
        width: 90%;
    }

    #left .lastRight {
        left: auto;
        position: absolute;
        right: 20px;
        text-align: right;
        top: 0;}
    #content-container #container {
        margin-right: 0 !important ;
    }
    وسجل ثم اذهب الى عناصر اضافية.  إدارة العناصر المستقلة على المنتدى
    واعمل ترتيب العناصر والاوامر كما في الصورة 
    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
    وسجل ومبروك عليك اخر المواضيع ^_^ 

    ومجاني للجميع Smile
    التوقــيـــــــــــــــــــــع


    {  أسْتَغْفِرُ اللهَ العَظِيمَ الَّذِي لاَ إلَهَ إلاَّ هُوَ، الحَيُّ القَيُّومُ، وَأتُوبُ إلَيهِ }
    { يَوْمَ تُبَدَّلُ الْأَرْضُ غَيْرَ الْأَرْضِ وَالسَّمَاوَاتُ وَبَرَزُوا لِلَّهِ الْوَاحِدِ الْقَهَّار }

    رد: تومبلايت اخر المواضيع للنسخة ModernBBBETA حصريا

    #2
    avatar
    K!LLeR
    نائب الإدارة
  •  

  • المساهمات : 318

    تاريخ التسجيل : 13/06/2018

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


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