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


الرئيسيةالمنشوراتبحـثالأعضاءالتسجيلدخول



1

 

 كود احصائيات بشكل جديد

اذهب الى الأسفل 
كاتب الموضوعرسالة
admin
الاداره العامه
admin

افضل كاتب

العمر : 41
عدد المشاركات : 127
الجنس : انثى
مزاج : 19
sms : فى كل عام

كود احصائيات بشكل جديد Empty
مُساهمةموضوع: كود احصائيات بشكل جديد   كود احصائيات بشكل جديد Empty02.07.18 14:46

السلام عليكم ورحمة الله وبركاته


كود احصائيات بشكل جديد


كود احصائيات بشكل جديد Screen21



نذهب الى مظهر المنتدى

تومبيلات وقوالب

البوابه

mod_most_active_topics_المواضيع الأكثر نشاطاً

احذف مافى الكود وضع(ى) هذا مكانه



الكود:
 <tr>
        <th class="topicLast">
                <h4>الأكثر مشاركه</h4>
        </th>
        <th class="topicLast">
                <h4>الأكثر مشاهدة</h4>
          </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>-->

[b][size=24][b][size=24][b]وسجل(ى) وانشر(ى)
[/b][/size][/b][/size][/b]

وكذالك
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>

[b][b][size=24][b][size=24][b][size=24][b][size=24][b]وسجل(ى) وانشر(ى)
[/b][/size][/b][/size][/b]وايضا نذهب الى
mod_recent_topics_اخر المواضيع
احذف مافى الكود وضع(ى) هذا مكانه
[/b][/size][/b][/size][/b]

الكود:
<!-- BEGIN classical_row -->
    <tr>
      <th class="double">
            <h4><span class="right">آخر مشاركة</span></h4>
      </th>
      <th>
        
      </th>
    </tr>
    <tr>
          <td class="double" rowspan="1">
                    <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">عنوان</span>: {classical_row.recent_topic_row.L_TITLE}
                                            </p>          
                                            <p>
                                                    <span style="color:blue">نشر في</span>: {classical_row.recent_topic_row.S_POSTTIME}
                                          
                                     </p>
                                    
                                      
                                      
                                    </div>
                                            
                                    <!-- BEGIN switch_poster -->
  
                                  <!-- 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 -->


[b][size=24][b][size=24][b][size=24][b]وسجل(ى) وانشر(ى)[/b][/size][/b][/size][/b][/b][/size]


ونذهب الى
mod_top_post_users_week_أفضل 10 أعضاء في هذا الأسبوع

احذف مافى الكود وضع(ى) هذا مكانه

الكود:
    <td>
     <div align="center">
         <strong><span style="color: rgb(0, 153, 0);"><span style="font-size: 18px;"> العضو الممـــــيز هــذا الاسبوع</span></span></strong><br />
</div>
<ul id="users_week" class="half group_time">
                    <!-- BEGIN POSTER -->
                    <li>
                    
                            {POSTER.NAME}
                            <span class="lastRight">
                                    {POSTER.NB_POSTS}
                            
                        
                      </span>
                    </li>
        
         <li>
    

                    <!-- END POSTER -->
[b][size=24][b][size=24][b]وسجل(ى) وانشر(ى)

ونذهب الى
mod_top_posters_أفضل 10 أعضاء في هذا المنتدى
احذف مافى الكود وضع(ى) هذا مكانه
[/b][/size][/b][/size][/b]

الكود:
<td>
     <div align="center">
         <strong><span style="color: rgb(0, 153, 0);"><span style="font-size: 18px;"> اعلى مشاركات فى المنتدى</span></span></strong><br />
</div>  
  <div class="module">

  <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>-->

وسجل(ى) وانشر(ى)
ونذهب الى اداره عامه
index_body_الصفحه الرئيسيه
وابحث عن هذا الكود

{BOARD_INDEX}
وضع هذا الكود اسفله

الكود:
 <div id="{ID_LEFT}" class="main">
      <div class="main-head">
          <div class="page-title">
            <h3>احصائيات</h3>
          </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>

وسجل(ى) وانشر(ى)

واخيرا نذهب الى
ونذهب الى اداره عامه
over_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>

احذفه وسجل(ى) وانشر(ى)


تااااااااابع





  سبـحانـ الله ـوبحمدهـ 
     سبـحا نـ الله ـالعظيمـ 

كود احصائيات بشكل جديد Oc-aa-10


عدل سابقا من قبل admin في 02.07.18 15:07 عدل 1 مرات
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
admin
الاداره العامه
admin

افضل كاتب

العمر : 41
عدد المشاركات : 127
الجنس : انثى
مزاج : 19
sms : فى كل عام

كود احصائيات بشكل جديد Empty
مُساهمةموضوع: رد: كود احصائيات بشكل جديد   كود احصائيات بشكل جديد Empty02.07.18 14:51

نذهب الى ورقة css


ونضع هذا الكود

الكود:
/********** احصائيات*******/

 

.linklist.bottom {
    font-size: 0.0rem;
  border-width: 1px 0 0;
    padding-top: 6px;
}

#left td{
    font-size: 18px;
    text-align: right;
}

.module .h3 {
    background-color: #507500;
    border-bottom: none;
    border-radius: 3px 3px 0 0;
    color: #FFF;
    font-family: inherit;
    font-size: 1.0rem;
    font-weight: 400;
    margin: -18px -18px 18px;
    padding: 12px 18px;
    text-transform: none;
text-align: right;
}

.module .h3 {
    font-size: 18px;
    text-align: right;
}




    #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:0px;top:0px}
    #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 ;
    }

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


  سبـحانـ الله ـوبحمدهـ 
     سبـحا نـ الله ـالعظيمـ 

كود احصائيات بشكل جديد Oc-aa-10
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
 
كود احصائيات بشكل جديد
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» تربيزات بشكل جديد
» طريقة تزين التورتات بشكل فنى
» Template قالب تومبلايت المواضيع بشكل أفقى والردود وبشكل عمودى
» جديد غرز الكروشيه
» جديد 2012الشياكه فى البيت علامة تميزك

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