ركن تطوير منتديات vb3.8.0 القسم خاص بتطوير منتديات الجيل الثالث ويمنع منعاً باتاً.. كتابة اي موضوع يهتم بمشاكل المنتديات (( يمنع وضع نسخ vBulletin ))

قالب او كود احصائيات المنتدي 2015 بشكل جديد بآستخدام Font-Awesome و CSS

بسم الله الرحمن الرحيم السلام عليكم ورحمة الله وبركاتة : قالب او كود احصائيات المنتدي 2015 بشكل جديد بآستخدام Font-Awesome و CSS : تغير شكل احصائيات المنتدى الي شكل جمالي و احترافي : يتوافق مع...

احصائياتى

الردود
8

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

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

المشاركات
21

+التقييم
16

تاريخ التسجيل
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;

و اضغط حفظ

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


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


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

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

قديم 07-22-2015, 03:03 PM
المشاركة 2
abo-karim
.:: Administrator ::.
  • abo-karim غير متواجد حالياً
افتراضي رد: قالب او كود احصائيات المنتدي 2015 بشكل جديد بآستخدام Font-Awesome و CSS
ايه الشغل العالى ده 10/10

قديم 07-22-2015, 06:14 PM
المشاركة 3
ابن الاكابر
.:: عضو مشارك ::.
  • ابن الاكابر غير متواجد حالياً
افتراضي رد: قالب او كود احصائيات المنتدي 2015 بشكل جديد بآستخدام Font-Awesome و CSS
من بعض ما عندكم يا ابو كريم


وهذا اقل شيئ يمكنني تقديمة لك


نورت الموضوع بمرورك العطر

قديم 07-22-2015, 06:45 PM
المشاركة 4
abo-karim
.:: Administrator ::.
  • abo-karim غير متواجد حالياً
افتراضي رد: قالب او كود احصائيات المنتدي 2015 بشكل جديد بآستخدام Font-Awesome و CSS
من بعض ما عندكم يا ابو كريم


وهذا اقل شيئ يمكنني تقديمة لك


نورت الموضوع بمرورك العطر

ياباشا انت مبدع مافيش كلام

قديم 08-14-2015, 09:00 PM
المشاركة 5
Pharaoh
.:: عضو جديد ::.
  • Pharaoh غير متواجد حالياً
افتراضي رد: قالب او كود احصائيات المنتدي 2015 بشكل جديد بآستخدام Font-Awesome و CSS
مبدع من يومك .

قديم 10-09-2015, 02:04 PM
المشاركة 6
ابن الاكابر
.:: عضو مشارك ::.
  • ابن الاكابر غير متواجد حالياً
افتراضي رد: قالب او كود احصائيات المنتدي 2015 بشكل جديد بآستخدام Font-Awesome و CSS
شكرـآ لمرورك العطر
نورت الموضوع اخي الكريم ♥

قديم 01-05-2016, 10:17 AM
المشاركة 7
سينشي كودو
.:: عضو مشارك ::.
  • سينشي كودو غير متواجد حالياً
افتراضي رد: قالب او كود احصائيات المنتدي 2015 بشكل جديد بآستخدام Font-Awesome و CSS
مشكوروو جدا .. تحياتي

قديم 03-07-2016, 06:46 AM
المشاركة 8
Yahia
.:: عضو جديد ::.
  • Yahia غير متواجد حالياً
افتراضي رد: قالب او كود احصائيات المنتدي 2015 بشكل جديد بآستخدام Font-Awesome و CSS
اخي هل تسمح بارفاق الصورة لو سمحت

قديم 05-16-2016, 12:31 AM
المشاركة 9
khairosoft
.:: عضو مشارك ::.
  • khairosoft غير متواجد حالياً
Timid رد: قالب او كود احصائيات المنتدي 2015 بشكل جديد بآستخدام Font-Awesome و CSS
اخي هل تسمح بارفاق الصورة لو سمحت
اليك المعاينة من منتداي وشكرا للاخ الذي وضع الشريط

[IMG][/IMG]

اضافة رد

العلامات المرجعية

قالب او كود احصائيات المنتدي 2015 بشكل جديد بآستخدام Font-Awesome و CSS


أدوات الموضوع

الانتقال السريع

المواضيع المتشابهه للموضوع: قالب او كود احصائيات المنتدي 2015 بشكل جديد بآستخدام Font-Awesome و CSS
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
[ Template] : قالب الكلمات الدلالية للموضوع, قالب الوسوم للموضوع بشكل جديد وحصرى abo-karim ركن شروحات الزين فورو XENFORO 5 12-01-2018 11:17 AM
قالب التوقيع الخاص باسكريبت الزين فورو بشكل جديد و حصرى لمنتدى هيلبرنت abo-karim ركن شروحات الزين فورو XENFORO 6 06-13-2018 07:08 PM
تغيير رتب الاعضاء بمختصرات مكتبة Font Awesome safwan khazraji ركن تطوير منتديات vb3.8.0 5 03-25-2018 10:49 PM
طلب صندوق التحرير بأزرار من مكتبة Font Awesome HICHEM-27 ركن مشاكل وطلبات المنتديات 4 08-08-2016 05:30 PM
الرجوع للاعلى باستخدام مكتبة Font-Awesome safwan khazraji ركن تطوير منتديات vb3.8.0 0 03-30-2016 10:21 PM




الساعة الآن 01:14 AM
Powered by vBulletin® Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.