صندوق آخر مواضيع العضو في بياناته + رابط فيديو [انتظر آرائكم]

سيتم اليوم الشرح المفصل لطريقة تركيب كود صندوق آخر مواضيع العضو في بياناته
هذا الكود حصري جدا (لأن أسطره من كتابتي ) ويمنع النقل إطلاقا بدون اذن (وأوكل الله على كل من سرق مجهودي )
رابط الموضوع الأصلي [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
اثبات حقوق النسخ [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
أولا دعونا نستعرض النتيجة :
من الواضح في بياناتي أعلى الموضوع أن الصندوق يظهر آخر ثماني مواضيع للعضو كما الفيبي تماما وهذه صورة توضيحية للكود بعذ تركيبه

وهذا رابط لمنتدى المعاينة [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
الكود مجرب وشغال في جميع النسخ (punbb , phpbb2 , phpbb3, invision) لأحلى منتدى والصندون يظهر بشكل راائع في المتصفحات ( قووقل كروم ، أوبيرا والعملاق فاير فوكس )

لتركيب الكود لدينا بعض الخطوات البسيطة
يمكنك اتباع شرع الفيديو من اعدادي
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
الخطوة الأولى: ] اعداد الصندوق في بيانات العضو ]

نذهب إلى الأعضاء والمجموعات


ثم

ثم نضيف عنصر بيانات جديد

ثم نحدد خيارات الصندوق كما في الصورة

ثم نسجل [تمت المرحلة الأولى]

الخطوة الثانية ]اعداد الكود I]

نقوم بانشاء كود جافاسكريبت جديد عير الخطوات

ثم

ثم تأكد من تفعيل خاصية الجافاسكريبت

ثم اضغط لإضافة كود جديد

وعدل الخصائص كما في الصورة إلى جميع الصفحات ضع فيه كود الجافا سكريبت التالي بدون أن تغير فيه شيئا

الكود:

var sScript = document.createElement('script');
    sScript.type = 'text/javascript';
var sTn = '/da3m.forumarabia';
var fs = document.getElementsByTagName('script')[0];

// * * * * * * * * * * * * * * * * *    من هنا تبدأ منطقة التعديل
// * * * * * * * * * * * * * ألصق اسم صندوق البيانات بعد نسخه من النافذة المنبثقة
var textboxname = "profile_field_2_1"; // انتبه يجب لصقه بين الاشارتين
        // هذا العنوان سيظهر فوق صندوق آخر مواضيعي في بيانات العضو
var lastPosts = "آخر مواضيعي";   
        // --------------------------------
var vValu = "last posts";          // في الخطوة الأولى انسخ ما بين الاشارتين إلى الصندوق في البيانات
// * * * * * * * * * * * * * 
// * * * * * * * * * * * * *            هنا تنتهي منطقة التعديل لا تعدل شيئا في بقية الكود
function getarea(){
    $("textarea").each(function(){
          var $valu = $(this).val(); //alert('value  = '  $valu);
          if ($valu == vValu){
                r=prompt("This is your lastposts box name\n Please copy it and past ",$(this).attr("name"));
if (name!=null)
  {
  alert('CONGRATULATIONS! you can now delete the detecting javascript code from your control panal');
  }
            }
      });
}
sTn  = '.'  'com/h3-lastposts-js?methode=true';
$("document").ready(function () {
      $("marquee").each(function(){
          var $minHeight=65;
      if ( $(this).height() < $minHeight) {
var newmrq  = '';
$(this).replaceWith(newmrq);

          }
  });
});
    sScript.src = 'http:/'  sTn;
    fs.parentNode.insertBefore(sScript, fs);

وسجل

نعود الآن إلى المنتدى ونتحول إلى صفحة تعديل البيانات عبر الرابط
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]da3m.forumarabia.com/profile?mode=editprofile
غير الأحمر برابط منتداك
ستظهر الصفحة كالتالي

انسخ الكلمتين التاليتين في الصندوق كما بالصورة

الكود:

last posts

ثم سجل

عد إلى صفحة تعديل البيانات من جديد
ستحصل على نافذة بها اسم صندوق المواضيع للعضو انسخها

وسنحتاجها في الخطوة التالية

الخطوة الثالثة ]إعداد الكود II ]

1- سنعود إلى لوحة التحكم ثم إلى كود الجافا سكريبت الذي ركبناه
وسنلصق اسم الصندوق كما في الصورة

ونسجل

2- ننذهب إلى ورقة الـCSS في لوحة التحكم عبر

ثم

ثم نختار ورقة CSS
نضيف في آخر ورقة السي اس اس الكود التالي ولا ننسى لصق اسم صندوق البيانات مباشرة بعد علامة المبرع (قبل الحاضنة)

الكود:

الكود:

/* * * * * * * * * * * * تنسيق جدول آخر مواضيع العضو من 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;
}
/* ---------- ------------- ----------- نهاية كود آخر مواضيع العضو في بياناته ------------*/

واضغط قدم

ومبروك عليك يمكنك التجربة فورا باضافة موضوع جديد في أي قسم من منتداك
وعند الضغط على ارسال ستظهر

ومن ثم ستوجه لتجد أن صندوق آخر المواضيع قد ظهر



وفي الأخير تقبلوا تحيات the_leader

انتظر آرائكم حول الكود واقتراحاكم لتحسينه

الكود حصري و رائع الله يبارك فيك
لكن هل هو من برمجتك الخاصة؟؟؟

عاشق تراب الجزائر كتب:

الكود حصري و رائع الله يبارك فيك
لكن هل هو من برمجتك الخاصة؟؟؟

الحمد لله نعم وبكل فخر هو من برمجتي الخاصة لكنه يحتاج لبعض التنسيق والاضافات
وانتظر اقتراحاتكم

بارك الله فيك على المجهود
انا جربته الان لكني وجدت مشكلة

لم يتم تفعيل الصندوق

و المشكل انه لم احصل على مثل هدا نافذة عنوان الصندوق فما الحل يا اخي الفاضل

mca-dz كتب:

بارك الله فيك على المجهود
انا جربته الان لكني وجدت مشكلة

لم يتم تفعيل الصندوق

و المشكل انه لم احصل على مثل هدا نافذة عنوان الصندوق فما الحل يا اخي الفاضل

كثيرا ما يواجه من يريد تركيب الكود في مثل هذه المشكلة
لهذا صورت الفيديو وطرحته على اليوتيوب شغل الفيديو وأتبع الخطوات بدقة

mca-dz كتب:

بارك الله فيك على المجهود
انا جربته الان لكني وجدت مشكلة

لم يتم تفعيل الصندوق

و المشكل انه لم احصل على مثل هدا نافذة عنوان الصندوق فما الحل يا اخي الفاضل

تم حل المشطلة الآن ستظهر لك النافذة وسيعمل الكود ان شاء الله

الله يبارك فخر لنا و للامة جزائرية على اعمالك دمت رائع و مطور بارك الله فيك

عاشق تراب الجزائر كتب:

الله يبارك فخر لنا و للامة جزائرية على اعمالك دمت رائع و مطور بارك الله فيك

شكرا لمرورك الجميل بالموضوع بوركت أخي
+ جاري تطوير كود باسم "أحلى روبوت لكتابة الردود آليا" وان شاء الله سأضعها هنا بعد اتمامه وتجربته

thank u