منطقة الاعضاء


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

أهلا وسهلا بك إلى بيت الجزائر لكل العرب.

الرئيسيةس .و .جبحـثالتسجيلدخول

بيت الجزائر لكل العرب


مرحبا بك عزيزى الزائر فى بيت الجزائر لكل العرب.

أهلا وسهلا بك زائرنا الكريم، إذا كانت هذه زيارتك الأولى للمنتدى، فيرجى التكرم بزيارة صفحة التعليمـــات، بالضغط هنا. كما يشرفنا أن تقوم بالتسجيل بالضغط هنا إذا رغبت بالمشاركة في المنتدى، أما إذا رغبت بقراءة المواضيع والإطلاع فتفضل بزيارة القسم الذي ترغب أدناه

بيت الجزائر لكل العرب

اسم الموضوع: تعليم الإنجليزيهأمس في 8:40 من طرفElnazer اسم الموضوع: قالب الاحصائيات الجديد المميز 2016الأحد 21 يناير 2018 - 20:58 من طرفسروبة اسم الموضوع: قالب index_box لتحويل الفئات الى مجلة تلقائية الخاص والحصري لمسرووور الجمعة 19 يناير 2018 - 10:57 من طرفسروبة اسم الموضوع: حصري استايل البرواز المجاني الاحترافي بالتومبيلات ( بألوان الازرق ) الأربعاء 17 يناير 2018 - 17:52 من طرفth3free اسم الموضوع: [CSS]كود صندوق النشر الجديد و مميزاته الاحترافيةالخميس 11 يناير 2018 - 22:35 من طرفth3free اسم الموضوع: حصريا هنا تأثير الـــcss على الصندوق الماسيالخميس 11 يناير 2018 - 22:34 من طرفth3free اسم الموضوع: كود [css]+[javascript] لتطوير تايتل المنتدى بإنسيابية مميزة و احترافيةالخميس 4 يناير 2018 - 14:50 من طرفschoolel7ob اسم الموضوع: هل استضافة احلى منتدى مؤمنة؟الجمعة 29 ديسمبر 2017 - 19:45 من طرفالمدير اسم الموضوع: كود حصري جدا لوضع أدوات الموضوع فوق صندوق الرد - تحديث -الأربعاء 13 ديسمبر 2017 - 16:42 من طرفrana778 اسم الموضوع: [code] روبوت كاتب الردود الذكي لاحلي منتديالأربعاء 13 ديسمبر 2017 - 16:25 من طرفrana778 اسم الموضوع: قالب زخرفة الاسماء حصريالثلاثاء 12 ديسمبر 2017 - 17:35 من طرفالمدير اسم الموضوع: [Javascript] إدراج صورة برابط الموجود في ازرار صندوق الرد يعمل على جميع النسخالإثنين 11 ديسمبر 2017 - 20:17 من طرفrana778

شاطر | 
 

 تومبيلات أخر المواضيع الاحترافي 2014

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
المعلومات
الكاتب:
المدير
اللقب:
Admin
الرتبه:
Admin
الصورة الرمزية

avatar

البيانات
الجنس :
ذكر
عدد المساهمات :
1343
السٌّمعَة :
35
تاريخ التسجيل :
28/08/2014
الموقع :
بيت الجزائر لكل العرب

التوقيت

الإتصالات
الحالة:
وسائل الإتصال:
http://baytdz.ahlamontada.com
موضوع: تومبيلات أخر المواضيع الاحترافي 2014 الجمعة 28 نوفمبر 2014 - 18:26


تومبيلات أخر المواضيع الاحترافي 2014
معاينة الكود

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
نبدأ بسم الله مع الشرح
نذهب الى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}" class="main">
       <div class="main-head">
          <div class="page-title">
             <h2>Latest Topic System v5</h2>
          </div>
       </div>
         <div class="main-content">
          <table cellspacing="0" class="table">
             <tbody class="statused">
                <!-- BEGIN giefmod_index1 -->
                {giefmod_index1.MODVAR}
                <!-- END giefmod_index1 -->
             </tbody>
          </table>
       </div>
       <script type="text/javascript">
          //<![CDATA[
          var versionMinor = parseFloat(navigator.appVersion),
             versionMajor = parseInt(versionMinor),
             IE = document.all && !window.opera && 7 > versionMajor,
             IE7 = document.all && !window.opera && 7 <= versionMajor,
             OP = window.opera,
             FF = document.getElementById,
             NS = document.layers;
    
          function get_item(a, c) {
             if (IE) return c ? window.opener.document.all[a] : document.all[a];
             if (FF) return c ? window.opener.document.getElementById(a) : document.getElementById(a);
             if (NS) return c ? window.opener.document.layers[a] : document.layers[a]
          }
    
          var current_tooltip;
    
          function show_tooltip(a, c) {
             var b = get_item("tooltip");
             b || (b = document.createElement("div"), b.setAttribute("id", "tooltip"), document.body.appendChild(b));
             b.style.zIndex = 1000;
             b.style.position = "absolute";
             b.innerHTML = "<p>" + c + "</p>";
             b.style.visibility = "visible";
             a.onmousemove = move_tooltip;
             a.onmouseout = function() {
                b.style.visibility = "hidden"
             };
             a.title = ""
          }
          var offsetxpoint = -60,
             offsetypoint = 20,
             real_body = document.compatMode && "BackCompat" != document.compatMode ? document.documentElement : document.body,
             real_body = document.documentElement ? document.documentElement : document.body;
    
          function move_tooltip(a) {
             var c = !IE ? a.pageX : event.clientX + real_body.scrollLeft,
                d = !IE ? a.pageY : event.clientY + real_body.scrollTop,
                b = IE && !window.opera ? real_body.clientWidth - event.clientX - offsetxpoint : window.innerWidth - a.clientX - offsetxpoint - 20,
                e = IE && !window.opera ? real_body.clientHeight - event.clientY - offsetypoint : window.innerHeight - a.clientY - offsetypoint - 20,
                f = 0 > offsetxpoint ? -1 * offsetxpoint : -1E3;
             current_tooltip = get_item("tooltip");
             current_tooltip.style.left = b < current_tooltip.offsetWidth ? IE ? real_body.scrollLeft + event.clientX - current_tooltip.offsetWidth + "px" : window.pageXOffset + a.clientX - current_tooltip.offsetWidth + "px" : c < f ? "5px" : c + offsetxpoint + "px";
             current_tooltip.style.top = e < current_tooltip.offsetHeight ? IE ? real_body.scrollTop + event.clientY - current_tooltip.offsetHeight - offsetypoint + "px" : window.pageYOffset + a.clientY - current_tooltip.offsetHeight - offsetypoint + "px" : d + offsetypoint + "px"
          }
          $("#recent_topics li a:first-child").mouseover(function() {
             show_tooltip(this, $(this).next().html())
          });
          $("#active_topics a, #viewed_topics a").mouseover(function() {
             show_tooltip(this, $(this).prev().text().replace(/(.*)\s-\s\d+.+/, "$1"));
          }).after(function() {
             return '<span class="lastRight">' + this.title.replace(/.*\s-\s(\d+.+)/, "$1") + '</span>'
          });
          $(".changeLast").change(function() {
             $(".half.group_" + $(this).data("group")).hide();
             $("#" + this.value).show();
          });
           //]]>
       </script>
    </div>
    </div>
ثم الى التومبيلات -البوابة - mod_recent_topic
و نضع الكود التالي:





الكود:
    <!-- BEGIN classical_row -->
    <tr>
       <th class="double">
          <h2>Newest post
             <span class="right">Latest reply</span>
          </h2>
       </th>
       <th>
          <select class="changeLast" data-group="post">
             <option value="top_posters">Top Poster</option>
             <option value="active_starters">Most Topic Users</option>
          </select>
       </th>
       <th>
          <select class="changeLast" data-group="time">
             <option value="users_week">Most Active Poster of Week</option>
             <option value="users_month">Most Active Poster this Month</option>
          </select>
       </th>
    </tr>
      <td class="double" rowspan="3">
          <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>
                <div class="tooltip_data" style="display:none">
                   <p>
                      <span style="color:red">Subject</span>: {classical_row.recent_topic_row.L_TITLE}
                   </p>
                   <p>
                      <span style="color:blue">Posted</span>: {classical_row.recent_topic_row.S_POSTTIME}
                   </p>
                </div>

                <!-- BEGIN switch_poster -->
                <a class="lastRight" href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>
                <!-- END switch_poster -->
                <!-- BEGIN switch_poster_guest -->
                <span class="lastRight">
                   {classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
                </span>
                <!-- END switch_poster_guest -->
             </li>
             <!-- END recent_topic_row -->
          </ul>
       </td>
    <!-- </tr> -->
    <!-- END classical_row -->

ثم mod_most_active_topics

الكود:
    <tr>
       <th class="topicLast">
          <h2>Most discussed topics</h2>
       </th>
       <th class="topicLast">
          <h2>Most viewed topics</h2>
       </th>
    </tr>
    <tr>
       <td>
          <ul id="active_topics" class="half">
             <!-- BEGIN TOPIC -->
             <li>
                <span style="display:none">{TOPIC.TITLE}</span>
                <a href="{TOPIC.LINK}" title="{TOPIC.TITLE}">{TOPIC.NAME}</a>
             </li>
             <!-- END TOPIC -->
          </ul>
       </td>
    <!--</tr>-->
ثم mod_most_viewed_topics

 
الكود:
   <!--<tr>-->
       <td>
          <ul id="viewed_topics" class="half">
             <!-- BEGIN TOPIC -->
             <li>
                <span style="display:none">{TOPIC.TITLE}</span>
                <a href="{TOPIC.LINK}" title="{TOPIC.TITLE}">{TOPIC.NAME}</a>
             </li>
             <!-- END TOPIC -->
          </ul>
       </td>
    </tr>
ثم mod_most_active_starters

 
الكود:
   <!--<td>--> 
       <ul id="active_starters" class="half group_post">
          <!-- BEGIN POSTER -->
          <li>
             {POSTER.NAME}
             <span class="lastRight">
                {POSTER.NB_TOPICS}
             </span>
          </li>
          <!-- END POSTER -->
       </ul>
    </td>
ثم mod_top_post_users_month
   
الكود:
<!--<tr>-->
       <!--<td>--> 
          <ul id="users_month" class="half group_time">
             <!-- BEGIN POSTER -->
             <li>
                {POSTER.NAME}
                <span class="lastRight">
                   {POSTER.NB_POSTS}
                </span>
             </li>
             <!-- END POSTER -->
          </ul>
       </td>
    </tr>
ثم mod_top_post_users_week


  
الكود:
  <td>
       <ul id="users_week" class="half group_time">
          <!-- BEGIN POSTER -->
          <li>
             {POSTER.NAME}
             <span class="lastRight">
                {POSTER.NB_POSTS}
             </span>
          </li>
          <!-- END POSTER -->
       </ul>
    <!--</td>-->
ثم mod_top_posters
 
الكود:
   <td>
       <ul id="top_posters" class="half group_post">
          <!-- BEGIN POSTER -->
          <li>
             {POSTER.NAME}
             <span class="lastRight">
                {POSTER.NB_POSTS}
             </span>
          </li>
          <!-- END POSTER -->
       </ul>
    <!--</td>-->
ثم سجل و أنشر
ثم ضع الكود التالي في ورقة css
الكود:

    /* Latest topics System V5 */
    #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,#left *,#left li:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
    #left table.table{border-collapse:collapse;empty-cells:show;table-layout:fixed;width:100%}
    #left a{text-decoration:none}
    #left td{width:25%;vertical-align:top;border-width:0 1px}
    #left .double{border-left:0;width:50%}
    #left li{position:relative;width:100%;list-style-type:none;height:22px;line-height:24px;border-bottom:1px dashed #CCC;counter-increment:Zzindex}
    #left li:before{content:counter(Zzindex);display:block;height:16px;background:#98D0FF;position:absolute;left:-23px;font-size:11px;top:5px;border-radius:2px;text-align:center;width:18px;color:#FFF;line-height:16px}
    #left li:after{content:" ";background:#98D0FF;display:block;width:6px;height:6px;position:absolute;top:10px;left:-8px;transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg)}
    #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:#d47a2a}
    #left li:nth-child(3):before,#left li:nth-child(3):after{background:#b9ba45}
    #left li:nth-child(4):before,#left li:nth-child(4):after{background:#aad655}
    #left li:nth-child(5):before,#left li:nth-child(5):after{background:#55e7aa}
    #left a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;width:60%;height:inherit}
    #active_topics a,#viewed_topics a{width:70%}
    #left #recent_topics a{width:80%}
    #left .lastRight{right:0;text-align:right;position:absolute;top:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;left:auto}
    #left ul,#left th{padding-left:34px;padding-right:10px;margin:0}
    #left ul{height:114px}
    #left .changeLast{border:0 none!important;background:inherit;margin-top:0!important;margin-bottom:-1px;padding:0!important}
    #left .changeLast,#left th h2{color:#777}
    #left th{width:25%;vertical-align:middle}
    th.topicLast{border-top:1px solid #F3F3F3!important}
    th.double{text-align:left}
    #recent_topics li{margin:.5px 0}
    #left #recent_topics .lastRight{width:20%!important}
    .half li:nth-child(6),.half li:nth-child(7),.half li:nth-child(8),.half li:nth-child(9),.half li:nth-child(10),#active_starters,#users_month{display:none}
    /* Tooltip */
    #tooltip{background-color:#FFF;border:2px solid #333;color:#131313;max-width:550px;padding:10px}
ثم عناصر اضافية و اجعل العناصر كاتالي لكن على الجهة اليمنى طبعا


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
الكود مأخوذ من منتدى اجنبي socialacademy
RED
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://baytdz.ahlamontada.com
المعلومات
الكاتب:
coeurdelion
اللقب:
المشرف العام
الرتبه:
المشرف العام
الصورة الرمزية

avatar

البيانات
الجنس :
ذكر
عدد المساهمات :
215
السٌّمعَة :
8
تاريخ التسجيل :
08/12/2014
الموقع :
بيت الجزائر لكل العرب

التوقيت

الإتصالات
الحالة:
وسائل الإتصال:
موضوع: رد: تومبيلات أخر المواضيع الاحترافي 2014 الإثنين 8 ديسمبر 2014 - 19:39


رد: تومبيلات أخر المواضيع الاحترافي 2014
قالب رائع جاري التجربة
شكرا لك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
المعلومات
الكاتب:
monirdahmanie
اللقب:
الرتبه:
الصورة الرمزية


البيانات
الجنس :
ذكر
عدد المساهمات :
218
السٌّمعَة :
25
تاريخ التسجيل :
18/10/2015

التوقيت

الإتصالات
الحالة:
وسائل الإتصال:
موضوع: رد: تومبيلات أخر المواضيع الاحترافي 2014 الأحد 18 أكتوبر 2015 - 15:00


رد: تومبيلات أخر المواضيع الاحترافي 2014
قالب رائع
الرجوع الى أعلى الصفحة اذهب الى الأسفل
المعلومات
الكاتب:
coeurdelion
اللقب:
المشرف العام
الرتبه:
المشرف العام
الصورة الرمزية

avatar

البيانات
الجنس :
ذكر
عدد المساهمات :
215
السٌّمعَة :
8
تاريخ التسجيل :
08/12/2014
الموقع :
بيت الجزائر لكل العرب

التوقيت

الإتصالات
الحالة:
وسائل الإتصال:
موضوع: رد: تومبيلات أخر المواضيع الاحترافي 2014 الأربعاء 18 نوفمبر 2015 - 21:48


رد: تومبيلات أخر المواضيع الاحترافي 2014
رائع جداااااااااااااااااااا
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
تومبيلات أخر المواضيع الاحترافي 2014
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
شارك هذا الموضوع...
روابط هذا الموضوع
URL:
BBCode:
HTML:
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» Avira Premium Security Suite 9.0.0.387 + key 2014
» تسريب اقوى مراجعة ديناميكا بخط اليد بها كل اسئلة امتحان ديناميكا 3 ثانوى نظام حديث 2014

هام جداً: قوانين المساهمة في المواضيع. انقر هنا للمعاينة
الرد السريع
صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
بيت الجزائر لكل العرب :: 
دعم منتديات أحلى منتدى
 :: :: اكواد تومبيلات | Template code
-
انتقل الى:  

منتديات بيت الجزائر لكل العرب

↑ Grab this Headline Animator

© phpBB | انشاء منتدى مع أحلى منتدى | منتدى مجاني للدعم و المساعدة | إتصل بنا | التبليغ عن محتوى مخالف | احدث مدونتك مجانيا