ابن الاكابر |
07-22-2015 03:14 AM |
قالب او كود احصائيات المنتدي 2015 بشكل جديد بآستخدام Font-Awesome و CSS
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاتة
[ اسم الكود ] : قالب او كود احصائيات المنتدي 2015 بشكل جديد بآستخدام Font-Awesome و CSS
[ وصف الكود ] : تغير شكل احصائيات المنتدى الي شكل جمالي و احترافي
[ يتوافق مع اي اصدار ] : يتوافق مع جميع الاصدارات
[ مبرمج الكود ] : ابن الاكابر - مصطفي على
[ صورة للقالب ]
[ طريقة التركيب ]
من لوحة تحكم منتداك
البحث في القوالب ولاستايلات
ابحث عن
وابحث بداخلة عن
كود PHP:
<!-- what's going on box -->
و
كود PHP:
<!-- end what's going on box -->
و استبدل ما بينهم بـ الكود التالي
كود PHP:
<!-- كود احصائيات المنتدي 2015 - برمجة ابن الاكابر elexlance.com -->
<div class="forum-head"> <span>اللهم صل وسلم وبارك على اشرف الخلق سيدنا محمد</span> </div>
<div class="activeusers">
<div>$activeusers</div>
<div style="white-space: nowrap"><phrase 1="$recordusers" 2="$recorddate" 3="$recordtime">$vbphrase[most_users_ever_online_was_x_y_at_z]</phrase></div> </div>
</div>
<div class="forum-online"> <div>إحصائيات الاكسلانس الدولى</div> </div>
<div class="forum-text"> <table align="center" width="100%"> <tr> <td class="total-user"> <span class="fa fa-users users"></span> <div class="total-online">المتواجدون الأن</div> <div class="total-number">$totalonline</div> </td> <td class="total-user"> <span class="fa fa-user users1"></span> <div class="total-online">الأعضاء</div> <div class="total-number1">$numbermembers</div> </td> <td class="total-user"> <span class="fa fa-file-text users2"></span> <div class="total-online">المواضيع</div> <div class="total-number2">$totalthreads</div> </td> <td class="total-user"> <span class="fa fa-file-text-o users3"></span> <div class="total-online">المشاركات</div> <div class="total-number3">$totalposts</div> </td> <td class="total-user"> <span class="fa fa-smile-o users4"></span> <div class="total-online">نرحب بالعضو الجديد ,</div> <div class="total-number4">$newusername</div> </td> </tr>
</table> </div> <br />
<!-- كود احصائيات المنتدي 2015 - برمجة ابن الاكابر elexlance.com -->
ثم اضغط حفظ
ثم في خصائص CSS الاضافية
ضع الكود التالي
كود PHP:
.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; }
و اضغط حفظ
و روح رئيسية المنتدي و شوف الاحصائيات الجديدة
والف مبروك عليك
الرجاء عند نقل الموضوع ذكر المصدر و عدم نزع الحقوق
فهذا العمل مجاني فلا داعي لفعل ذلك
|