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


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

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

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

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


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

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

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

اسم الموضوع: [STYLE] روبي دايزن 2017الخميس 12 أكتوبر 2017 - 14:22 من طرفالمدير اسم الموضوع: [template]اظهار الصورة الشخصية للعضو فى عارضة نسخة الجوالالثلاثاء 10 أكتوبر 2017 - 13:56 من طرفالمدير اسم الموضوع: [JAVASCRIPT] ادوات المشرف في المواضيع الثانويةالثلاثاء 10 أكتوبر 2017 - 13:49 من طرفالمدير اسم الموضوع: [HTML]سرفيرات المشاهدةالثلاثاء 10 أكتوبر 2017 - 13:41 من طرفالمدير اسم الموضوع: تومبيلات استايل محول تطويري احترافي و مميز من تحويل JAR7الإثنين 9 أكتوبر 2017 - 16:11 من طرفام القاسم اسم الموضوع: [template] اخر المواضيع للنسخة الثالثةالإثنين 9 أكتوبر 2017 - 10:24 من طرفالمدير اسم الموضوع: تومبيلات ستايل سما لبنانالجمعة 6 أكتوبر 2017 - 17:29 من طرفالمدير اسم الموضوع: حصريا هنا جديد ستايل ترايدنت المطور كامل و مجاني للجميع 2016الخميس 28 سبتمبر 2017 - 17:44 من طرفiodz36 اسم الموضوع: [CSS]+[JAVASCRIPT] تحسين نظام التصويت في المواضيعالجمعة 8 سبتمبر 2017 - 10:03 من طرفzizou2012 اسم الموضوع: طلب تبادل اعلاني مع منتديات نسور الهضابالجمعة 8 سبتمبر 2017 - 8:07 من طرفالمدير اسم الموضوع: استايل علاء الفاتك الاصدار الخامس بالتومبلايت 2013الثلاثاء 29 أغسطس 2017 - 6:41 من طرفعمر الفاروق اسم الموضوع: [JAVASCRIPT][حصري]و قبل أي منتدى عربي Messenger forumotion لمنتداك غاية في الجمالالثلاثاء 8 أغسطس 2017 - 16:50 من طرفالمدير

شاطر | 
 

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

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

avatar

البيانات
الجنس :
ذكر
عدد المساهمات :
1330
السٌّمعَة :
33
تاريخ التسجيل :
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 | Ahlamontada.com | منتدى مجاني للدعم و المساعدة | إتصل بنا | التبليغ عن محتوى مخالف | احدث مدونتك