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


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




 

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

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

افضل كاتب


لونى المفضل : black
العمر : 43
عدد المشاركات : 130
الجنس : انثى
مزاج : 18
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>

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


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





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

افضل كاتب


لونى المفضل : black
العمر : 43
عدد المشاركات : 130
الجنس : انثى
مزاج : 18
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
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
كود احصائيات بشكل جديد
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» تربيزات بشكل جديد
» طريقة تزين التورتات بشكل فنى
» Template قالب تومبلايت المواضيع بشكل أفقى والردود وبشكل عمودى
» جديد غرز الكروشيه
» جديد 2012الشياكه فى البيت علامة تميزك

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