كود جافاسكريبت شرح تركيب صندوق آخر مواضيع العضو في بياناته مثل الفيبي تماما هاك آخر مواضيع العضو أحلى منتدى
شرح مصور لتركيب كود آخر مواضيع العضو
السلام عليكم ورحمة الله وبركاته
ورمضان كريم لكل الامة الاسلامية
سيتم اليوم الشرح المفصل لطريقة تركيب كود صندوق آخر مواضيع العضو في بياناته
هذا الكود حصري جدا (لأن أسطره من كتابتي
![كود اضافة اخر مساهمة للعضو فى بياناتة Icon_cool](https://2img.net/i/fa/i/smiles/icon_cool.gif)
) ويمنع النقل إطلاقا بدون اذن (وأوكل الله على كل من سرق مجهودي )
أولا دعونا نستعرض النتيجة :
من الواضح في بياناتي أعلى الموضوع أن الصندوق يظهر آخر ثماني مواضيع للعضو كما الفيبي تماما وهذه صورة توضيحية للكود بعذ تركيبه
![كود اضافة اخر مساهمة للعضو فى بياناتة Lastpo11](https://i.servimg.com/u/f32/17/12/94/90/lastpo11.jpg)
الكود مجرب وشغال في جميع النسخ (punbb , phpbb2 , phpbb3, invision) لأحلى منتدى والصندون يظهر بشكل راائع في المتصفحات ( قووقل كروم ، أوبيرا والعملاق فاير فوكس )
لتركيب الكود لدينا بعض الخطوات البسيطة
الخطوة الأولى: ] اعداد الصندوق في بيانات العضو ]
نذهب إلى الأعضاء والمجموعات
![كود اضافة اخر مساهمة للعضو فى بياناتة Lastpo12](https://i.servimg.com/u/f32/17/12/94/90/lastpo12.jpg)
ثم
![كود اضافة اخر مساهمة للعضو فى بياناتة Lastpo13](https://i.servimg.com/u/f32/17/12/94/90/lastpo13.jpg)
ثم نضيف عنصر بيانات جديد
![كود اضافة اخر مساهمة للعضو فى بياناتة Lastpo14](https://i.servimg.com/u/f32/17/12/94/90/lastpo14.jpg)
ثم نحدد خيارات الصندوق كما في الصورة
![كود اضافة اخر مساهمة للعضو فى بياناتة Lastpo15](https://i.servimg.com/u/f32/17/12/94/90/lastpo15.jpg)
ثم نسجل [تمت المرحلة الأولى]
الخطوة الثانية ]اعداد الكود I]نقوم بانشاء كود جافاسكريبت جديد عير الخطوات
![كود اضافة اخر مساهمة للعضو فى بياناتة Lastpo16](https://i.servimg.com/u/f32/17/12/94/90/lastpo16.jpg)
ثم
![كود اضافة اخر مساهمة للعضو فى بياناتة Lastpo17](https://i.servimg.com/u/f32/17/12/94/90/lastpo17.jpg)
ثم تأكد من تفعيل خاصية الجافاسكريبت
![كود اضافة اخر مساهمة للعضو فى بياناتة Lastpo18](https://i.servimg.com/u/f32/17/12/94/90/lastpo18.jpg)
ثم اضغط لإضافة كود جديد
![كود اضافة اخر مساهمة للعضو فى بياناتة Lastpo19](https://i.servimg.com/u/f32/17/12/94/90/lastpo19.jpg)
وعدل الخصائص كما في الصورة إلى جميع الصفحات + ضع فيه كود الجافا سكريبت التالي
بدون أن تغير فيه شيئا
وسجل
نعود الآن إلى المنتدى ونتحول إلى صفحة تعديل البيانات عبر الرابط
[url=http://]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]muslims-j.yoo7.com/profile?mode=editprofile
غير الأحمر برابط منتداك
ستظهر الصفحة كالتالي
![كود اضافة اخر مساهمة للعضو فى بياناتة Lastpo20](https://i.servimg.com/u/f32/17/12/94/90/lastpo20.jpg)
انسخ الكلمتين التاليتين في الصندوق كما بالصورة
الرمز:
- الكود:
-
last posts
ثم سجل
![كود اضافة اخر مساهمة للعضو فى بياناتة Lastpo21](https://i.servimg.com/u/f32/17/12/94/90/lastpo21.jpg)
عد إلى صفحة تعديل البيانات من جديد
ستحصل على نافذة بها اسم صندوق المواضيع للعضو انسخها
![كود اضافة اخر مساهمة للعضو فى بياناتة Lastpo22](https://i.servimg.com/u/f32/17/12/94/90/lastpo22.jpg)
وسنحتاجها في الخطوة التالية
الخطوة الثالثة ]إعداد الكود II ]
1- سنعود إلى لوحة التحكم ثم إلى كود الجافا سكريبت الذي ركبناه
وسنلصق اسم الصندوق كما في الصورة
![كود اضافة اخر مساهمة للعضو فى بياناتة Lastpo23](https://i.servimg.com/u/f32/17/12/94/90/lastpo23.jpg)
ونسجل
2- ننذهب إلى ورقة الـCSS في لوحة التحكم عبر
![كود اضافة اخر مساهمة للعضو فى بياناتة Lastpo24](https://i.servimg.com/u/f32/17/12/94/90/lastpo24.jpg)
ثم
![كود اضافة اخر مساهمة للعضو فى بياناتة Lastpo25](https://i.servimg.com/u/f32/17/12/94/90/lastpo25.jpg)
ثم نختار ورقة CSS
نضيف في آخر ورقة السي اس اس الكود التالي ولا ننسى لصق اسم صندوق البيانات مباشرة بعد علامة المبرع (قبل الحاضنة)
![كود اضافة اخر مساهمة للعضو فى بياناتة Lastpo26](https://i.servimg.com/u/f32/17/12/94/90/lastpo26.jpg)
الكود:
الرمز:
- الكود:
-
/* * * * * * * * * * * * تنسيق جدول آخر مواضيع العضو من da3m.forumarabia.com -------*/
/* * * * * * * * * * *
التحكم في عرض وحواشي الصندوق ;*/
.da3m.forumarabia {
border: 2px solid; // التحكم في الحواشي ;
background: silver; // الخلفية ;
font-size : 12px; // حجم الكتابة ;
width: 98%; // عرض الصندوق ;
}
.lastposts .thead{
text-align: center; // توسيط;
color: ; // لون الكتابة ;
font-size: ;// حجم الكتابة ;
}
/* التحكم في الصندوق الداخلي و ; */
.mrq div{
box-shadow: inset 0 0 10px black; // غير الرقم 10 لتغيير عرض الظل ;
background: #E4DCF3; // لون الخلفية الداخلية للصندوق ;
}
/* ألصق اسم الصندوق الذي نسخته بعد المربع مباشرة */
# {
visibility: hidden;
}
/* ---------- ------------- ----------- نهاية كود آخر مواضيع العضو في بياناته ------------*/
واضغط قدم
ومبروك عليك يمكنك التجربة فورا باضافة موضوع جديد في أي قسم من منتداك
وعند الضغط على ارسال ستظهر
![كود اضافة اخر مساهمة للعضو فى بياناتة Lastpo27](https://i.servimg.com/u/f32/17/12/94/90/lastpo27.jpg)
ومن ثم ستوجه لتجد أن صندوق آخر المواضيع قد ظهر
![كود اضافة اخر مساهمة للعضو فى بياناتة Lastpo10](https://i.servimg.com/u/f32/17/12/94/90/lastpo10.jpg)