السلام عليكم ورحمة الله وبركاتو
بعد اذن هلبرنت الذي ابدع في كل ما قدم من مجهود رائع في كثير من المواضيع التي استفت منها كثيرأ
ليوم جايبلكم احصائية مثل هلبرنت طبعأ مقتبسه ويا ريت هلمجهود هاظ يكون خاص بموقع هلبرنت فقط لانو مجهودي الخاص
الاحصائية تعتمد كل الاعتماد على مكتبة الكواد لكن طريقة تركيبها سهل
في البداية مثال على االاحصائية 2017
هاظ الموضوع اعتذار لموقع هلبرنت لاني في الاواني الأول كنت اقدم وافكر انو هلبرنت كهلمواقع كلن طلع موقع هلبرنت متميز في ابداع كل ما يقدم
فى البداية ابحث عن قالب FORUMHOME من لوحة تحكم منتداك الخاص بك
ثم
ابحث عن
كود PHP:
<!-- /main -->
$ad_location[ad_forumhome_afterforums]
</p>
اسفلها مباشرة راح نمسح من اسفلها الى
كود PHP:
<!-- end what's going on box -->
هيك شرح تمام :/ راح نضع الكود التالي محل الكود القديم
كود PHP:
<!--مجهود خاص بالولايات الفلسطينية , usp0.com-->
<div id="usp0-CYP"><span class="Cyp">$vbphrase[whats_going_on]</span>
<div class="usp0-Cont">
$template_hook[forumhome_wgo_pos1]
<if condition="$show['loggedinusers']">
<a rel="nofollow" href="online.php$session[sessionurl_q]">$vbphrase[currently_active_users]</a>: $totalonline (<phrase 1="$numberregistered" 2="$numberguest">$vbphrase[x_members_and_y_guests]</phrase>)
<div class="usp0-Most-Visit"><phrase 1="$recordusers" 2="$recorddate" 3="$recordtime">$vbphrase[most_users_ever_online_was_x_y_at_z]</phrase></div>
<div class="Online-Users">$activeusers</div>
</if>
<hr class="Cyphr" /><div class="HRCYP">إحصائيات $vboptions[bbtitle]</div><hr class="Cyphr" />
$template_hook[forumhome_wgo_pos2]
<div class="Forum-Cyp">
<ul>
<li class="usp0-Threads">المواضيع : $totalthreads</li>
<li class="usp0-Posts">المشاركات : $totalposts</li>
<li class="usp0-Users">الأعضاء : $numbermembers</li>
<li class="usp0-Users" title="<phrase 1="$vboptions[activememberdays]">$vbphrase[within_the_last_x_days]</phrase>">عدد الأعضاء النشطين : $activemembers</li>
</ul>
<div class="usp0-N-Mem F-N-Mem"><phrase 1="member.php?$session[sessionurl]u=$newuserid" 2="$newusername">$vbphrase[welcome_to_our_newest_member_x]</phrase></div>
</div>
$template_hook[forumhome_wgo_pos3]
<if condition="$show['birthdays']">
<hr class="Cyphr" /><div class="HRCYP">$vbphrase[todays_birthdays]</div><hr class="Cyphr" />
<a rel="nofollow" title="$vbphrase[view_birthdays]" href="calendar.php?$session[sessionurl]do=getday&day=$today&sb=1"><span class="usp0-B-D">$birthdays</span></a>
</if>
$template_hook[forumhome_wgo_pos4]
<if condition="$show['upcomingevents']">
<hr class="Cyphr" /><div class="HRCYP"><if condition="$show['todaysevents']">$vbphrase[todays_events]<else /><phrase 1="$vboptions[showevents]">$vbphrase[upcoming_events_for_the_next_x_days]</phrase></if></div><hr class="Cyphr" />
$upcomingevents
</if>
</div>
</div>
<!--مجهود خاص بالولايات الفلسطينية , usp0.com-->
لان عشان تظهر مثل ئلي بصورة بزبط
راح نروح على
واحفظ التغييرات على القالب ثم قم باضافة اكواد الـ CSS فى تعاريف CSS الإضافية/Additional CSS Definitions ,,
الخانة الاول فقط
نضع الكود التالي
كود PHP:
.Cyp:before{content:"\f080";font-family:FontAwesome;font-style:normal;font-weight:normal;font-size:20px;color:#557E2C;margin:0 5px 0 5px;cursor:pointer;float:right;}
.usp0-Threads:before{content:"\f0c9";font-family:FontAwesome;font-style:normal;font-weight:normal;font-size:11px;color:#333333;margin:5px 5px 0 5px;cursor:pointer;float:right;}
.usp0-Posts:before{content:"\f086";font-family:FontAwesome;font-style:normal;font-weight:normal;font-size:11px;color:#333333;margin:5px 5px 0 5px;cursor:pointer;float:right;}
.usp0-Users:before{content:"\f0c0";font-family:FontAwesome;font-style:normal;font-weight:normal;font-size:11px;color:#333333;margin:5px 5px 0 5px;cursor:pointer;float:right;}
.usp0-N-Mem:before{content:"\f007";font-family:FontAwesome;font-style:normal;font-weight:normal;font-size:11px;color:#333333;margin:5px 5px 0 5px;cursor:pointer;float:right;}
.usp0-B-D:before{content:"\f1fd";font-family:FontAwesome;font-style:normal;font-weight:normal;font-size:11px;color:#333333;margin:4px 5px 0 -8px;cursor:pointer;float:right;}
#usp0-CYP{width:95%;height:auto;background:#D5E9C0;margin:10px auto 10px auto;padding:8px;font-size:11px;border:1px solid #BADC98;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.Cyp{font-size:12px;font-weight:bold;text-align:center;color:#557E2C;}
.usp0-Cont{width:98%;height:auto;background:#FFFFFF;margin:10px auto 5px auto;padding:8px 0 4px 0;font-family:"Droid Arabic Kufi";font-size:11px;color:#333333;text-align:right;border:1px solid #BABABA;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.usp0-Cont a, .usp0-Cont a:link, .usp0-Cont a:visited{color:#058469;margin:0 5px 5px 5px;text-decoration:none;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;}
.usp0-Cont a:hover{color:#1AA6C0;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;}
.usp0-Most-Visit{margin:0 5px 0 5px;font-family:"Droid Arabic Kufi";font-size:11px;color:#333333;text-align:right;}
.Online-Users{color:#333333;white-space:normal;margin:0 5px 0 0 ;}
hr.Cyphr{width:100%;border:1px dotted #BADC98;margin:5px 0 5px 0;}
.HRCYP{font-family:"Droid Arabic Kufi";font-size:12px;font-weight:bold;text-align:right;color:#557E2C;margin:0 5px 0 0;}
.Forum-Cyp{width:100%;height:auto;margin:5px;}
.Forum-Cyp ul{margin:0px;padding:0px;overflow:hidden;}
.Forum-Cyp ul li{float:right;list-style:none;}
.F-N-Mem{float:left;margin:-23px 0 0 10px;}
/* ***** small padding on 'thead' elements ***** */
td.thead, th.thead, div.thead { padding: 4px; }
/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }
/* ***** de-emphasized text */
.shade, a.shade:link, a.shade:visited { color: #777777; text-decoration: none; }
a.shade:active, a.shade:hover { color: #FF4400; text-decoration: underline; }
.tcat .shade, .thead .shade, .tfoot .shade { color: #DDDDDD; }
/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px;
}
.activeusers{
text-align: center;
font: bold 13px/43px "Droid Arabic Kufi",tahoma;
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.17);color: ##443D71;
}
.forum-head{
background:url(http://www.upload.elexlance.com/do.php?imgf=1436264308591.png) 0 0 repeat-x;
height: 45px;
width: 100%;
border-radius: 4px;
text-align: center;
font: bold 13px/43px "Droid Arabic Kufi",tahoma;
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.17);color: ##443D71;
}
.forum-head a:hover{
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.17);
color: #423D68;
}
.forum-head a{
color: #fff;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.22);
/* Effcts */
transition:all linear 200ms;
-webkit-transition:all linear 200ms;
-moz-transition:all linear 200ms;
-ms-transition:all linear 200ms;
-o-transition:all linear 200ms;
}
.forum-online {
background: url("http://www.upload.elexlance.com/do.php?imgf=1436264308591.png") repeat-x scroll 0px 0px transparent;
height: 30px;
width: 100%;
border-radius: 4px;
text-align: center;
font: bold 13px/30px "Droid Arabic Kufi",tahoma;
margin: 4px auto;
color: #fff;
text-align: center;
}
.forum-online a{
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.17);
color: #393365;
/* Effcts */
transition:all linear 200ms;
-webkit-transition:all linear 200ms;
-moz-transition:all linear 200ms;
-ms-transition:all linear 200ms;
-o-transition:all linear 200ms;
}
.forum-online a:hover{
text-shadow: 0px 1px 0px #555;
color: #fff;
}
.forum-text{
padding: 10px;
background-color: #FFF;
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
margin: 10px 0px;
position: relative;
text-align: center;
font-size: 11px;
font-family: "Droid Arabic Kufi",tahoma;
color: #5a5199;
line-height: 21px;
}
.forum-text a{
font-family: tahoma;
font-size: 12px;
font-weight: bold;
}
.total-user{
background-color: #F5F5F5;
padding: 10px;
border: 1px solid #EAEAEA;
border-radius: 5px;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.04);
transition:all linear 200ms;
-webkit-transition:all linear 200ms;
-moz-transition:all linear 200ms;
-ms-transition:all linear 200ms;
-o-transition:all linear 200ms;
}
.total-user:hover{
background-color: #fff;
}
.total-online{
border-bottom: 1px solid rgba(224, 224, 224, 0.31);
padding-bottom: 15px;
padding-top: 11px;
font-family: "Droid Arabic Kufi",tahoma;
font-size: 13px;
font-weight: bold;
text-align: center;
color: #9C9C9C;
text-shadow: 0px 1px 0px #fff;
}
.users{
font-size: 33px !important;
text-align: center;
color: #36A9B7;
text-shadow: 0px 1px 0px #fff;
}
.users1{
font-size: 33px !important;
text-align: center;
color: #838383;
text-shadow: 0px 1px 0px #fff;
}
.users2{
font-size: 33px !important;
text-align: center;
color: #EFB176;
text-shadow: 0px 1px 0px #fff;
}
.users3{
font-size: 33px !important;
text-align: center;
color: #EFB176;
text-shadow: 0px 1px 0px #fff;
}
.users4{
font-size: 33px !important;
text-align: center;
color: #87FF89;
text-shadow: 0px 1px 0px #fff;
}
.total-number{
border-bottom: 1px solid rgba(224, 224, 224, 0.31);
padding-bottom: 11px;
padding-top: 11px;
font-family: "Droid Arabic Kufi",tahoma;
font-size: 13px;
font-weight: bold;
text-align: center;
color: #36A9B7;
text-shadow: 0px 1px 0px #fff;
}
.total-number1{
border-bottom: 1px solid rgba(224, 224, 224, 0.31);
padding-bottom: 11px;
padding-top: 11px;
font-family: "Droid Arabic Kufi",tahoma;
font-size: 13px;
font-weight: bold;
text-align: center;
color: #838383;
text-shadow: 0px 1px 0px #fff;
}
.total-number2{
border-bottom: 1px solid rgba(224, 224, 224, 0.31);
padding-bottom: 11px;
padding-top: 11px;
font-family: "Droid Arabic Kufi",tahoma;
font-size: 13px;
font-weight: bold;
text-align: center;
color: #EFB176;
text-shadow: 0px 1px 0px #fff;
}
.total-number3{
border-bottom: 1px solid rgba(224, 224, 224, 0.31);
padding-bottom: 11px;
padding-top: 11px;
font-family: "Droid Arabic Kufi",tahoma;
font-size: 13px;
font-weight: bold;
text-align: center;
color: #EFB176;
text-shadow: 0px 1px 0px #fff;
}
.total-number4{
border-bottom: 1px solid rgba(224, 224, 224, 0.31);
padding-bottom: 11px;
padding-top: 11px;
font-family: "Droid Arabic Kufi",tahoma;
font-size: 13px;
font-weight: bold;
text-align: center;
color: #87FF89;
text-shadow: 0px 1px 0px #fff;
}
وبعد ذالك شوف النتيجه
الأي استفسار او تعديل فقط في هاظ الموضوع انا جاهز
اتمنى ان تنال اعجابكم وفقتم