عرض مشاركة واحدة
احصائياتى

الردود
8

المشاهدات
3314
ابن الاكابر
.:: عضو مشارك ::.
  • ابن الاكابر will become famous soon enough

  • ابن الاكابر غير متواجد حالياً
  • إرسال رسالة عبر Yahoo إلى ابن الاكابر

المشاركات
38

+التقييم
21

تاريخ التسجيل
Jul 2015

الاقامة
القاهرة - المطرية

نظام التشغيل
windows xp

رقم العضوية
13
07-22-2015, 03:14 AM
المشاركة 1
07-22-2015, 03:14 AM
المشاركة 1
افتراضي قالب او كود احصائيات المنتدي 2015 بشكل جديد بآستخدام Font-Awesome و CSS
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاتة
[ اسم الكود ] : قالب او كود احصائيات المنتدي 2015 بشكل جديد بآستخدام Font-Awesome و CSS
[ وصف الكود ] : تغير شكل احصائيات المنتدى الي شكل جمالي و احترافي
[ يتوافق مع اي اصدار ] : يتوافق مع جميع الاصدارات
[ مبرمج الكود ] : ابن الاكابر - مصطفي على





[ صورة للقالب ]





[ طريقة التركيب ]

من لوحة تحكم منتداك

البحث في القوالب ولاستايلات


ابحث عن

كود PHP:
FORUMHOME 
وابحث بداخلة عن

كود 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="$recordusers2="$recorddate3="$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-aligncenter;
    
fontbold 13px/43px "Droid Arabic Kufi",tahoma;
    
box-shadow0px 0px 5px 0px rgba(0000.2);
    
text-shadow0px 1px 0px rgba(2552552550.17);color##443D71;
}

.
forum-head{
    
background:url(http://www.upload.elexlance.com/do.php?imgf=1436264308591.png) 0 0 repeat-x;
    
height45px;
    
width100%;
    
border-radius4px;
    
text-aligncenter;
    
fontbold 13px/43px "Droid Arabic Kufi",tahoma;
    
box-shadow0px 0px 5px 0px rgba(0000.2);
    
text-shadow0px 1px 0px rgba(2552552550.17);color##443D71;
}

.
forum-head a:hover{
text-shadow0px 1px 0px rgba(2552552550.17);
color#423D68;
}


.
forum-head a{
    
color#fff;
    
text-shadow0px 1px 0px rgba(0000.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 {
    
backgroundurl("http://www.upload.elexlance.com/do.php?imgf=1436264308591.png"repeat-x scroll 0px 0px transparent;
    
height30px;
    
width100%;
    
border-radius4px;
    
text-aligncenter;
    
fontbold 13px/30px "Droid Arabic Kufi",tahoma;
    
margin4px auto;
    
color#fff;
    
text-aligncenter;
}

.
forum-online a{
text-shadow0px 1px 0px rgba(2552552550.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-shadow0px 1px 0px #555;
color#fff;
}


.
forum-text{
    
padding10px;
    
background-color#FFF;
    
box-shadow0px 0px 5px 0px rgba(0000.2);
    
margin10px 0px;
    
positionrelative;
    
text-aligncenter;
    
font-size11px;
    
font-family"Droid Arabic Kufi",tahoma;
    
color#5a5199;
    
line-height21px;
}
.
forum-text a{
font-familytahoma;
font-size12px;
font-weightbold;
}


.
total-user{
    
background-color#F5F5F5;
    
padding10px;
    
border1px solid #EAEAEA;
    
border-radius5px;
    
box-shadow0px 0px 5px rgba(0000.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-bottom1px solid rgba(2242242240.31);
    
padding-bottom15px;
    
padding-top11px;
    
font-family"Droid Arabic Kufi",tahoma;
    
font-size13px;
    
font-weightbold;
    
text-aligncenter;
    
color#9C9C9C;
    
text-shadow0px 1px 0px #fff;
}

.
users{
    
font-size33px !important;
    
text-aligncenter;
    
color#36A9B7;
    
text-shadow0px 1px 0px #fff;
}
.
users1{
    
font-size33px !important;
    
text-aligncenter;
    
color#838383;
    
text-shadow0px 1px 0px #fff;
}
.
users2{
    
font-size33px !important;
    
text-aligncenter;
    
color#EFB176;
    
text-shadow0px 1px 0px #fff;
}
.
users3{
    
font-size33px !important;
    
text-aligncenter;
    
color#EFB176;
    
text-shadow0px 1px 0px #fff;
}
.
users4{
    
font-size33px !important;
    
text-aligncenter;
    
color#87FF89;
    
text-shadow0px 1px 0px #fff;
}
.
total-number{
    
border-bottom1px solid rgba(2242242240.31);
    
padding-bottom11px;
    
padding-top11px;
    
font-family"Droid Arabic Kufi",tahoma;
    
font-size13px;
    
font-weightbold;
    
text-aligncenter;
    
color#36A9B7;
    
text-shadow0px 1px 0px #fff;
}
.
total-number1{
    
border-bottom1px solid rgba(2242242240.31);
    
padding-bottom11px;
    
padding-top11px;
    
font-family"Droid Arabic Kufi",tahoma;
    
font-size13px;
    
font-weightbold;
    
text-aligncenter;
    
color#838383;
    
text-shadow0px 1px 0px #fff;
}
.
total-number2{
    
border-bottom1px solid rgba(2242242240.31);
    
padding-bottom11px;
    
padding-top11px;
    
font-family"Droid Arabic Kufi",tahoma;
    
font-size13px;
    
font-weightbold;
    
text-aligncenter;
    
color#EFB176;
    
text-shadow0px 1px 0px #fff;
}
.
total-number3{
    
border-bottom1px solid rgba(2242242240.31);
    
padding-bottom11px;
    
padding-top11px;
    
font-family"Droid Arabic Kufi",tahoma;
    
font-size13px;
    
font-weightbold;
    
text-aligncenter;
    
color#EFB176;
    
text-shadow0px 1px 0px #fff;
}
.
total-number4{
    
border-bottom1px solid rgba(2242242240.31);
    
padding-bottom11px;
    
padding-top11px;
    
font-family"Droid Arabic Kufi",tahoma;
    
font-size13px;
    
font-weightbold;
    
text-aligncenter;
    
color#87FF89;
    
text-shadow0px 1px 0px #fff;

و اضغط حفظ

و روح رئيسية المنتدي و شوف الاحصائيات الجديدة


والف مبروك عليك


الرجاء عند نقل الموضوع ذكر المصدر و عدم نزع الحقوق

فهذا العمل مجاني فلا داعي لفعل ذلك