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

السلام عليكم

تم بحمد الله اتمام تكويد صندوق آخر مواضيع العضو في بياناته تماما كالفيبي
وهذا رابط الموضوع في الدعم الاجنبي
http://help.forumotion.com/t113339-my-latest-topics-for-punbbinvisionphpbb2phpbb3
أولا دعونا نستعرض النتيجة : الصندوق يظهر آخر ثماني مواضيع للعضو كما الفيبي تماما وهذه صورة توضيحية للكود بعذ تركيبه
https://i.servimg.com/u/f32/17/12/94/90/lastpo11.jpg

تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.

الصندوق ديناميكي ويتحدث آليا بعد اضافة العضو لموضوع جديد
وهذا رابط لمنتدى المعاينة http://punbb.forumalgerie.net/t37-topic#37
يمكنك الترجبة بالبيانات التالية:
العضو: demoo
كلمة السر: leader123
الكود
مجرب وشغال في جميع النسخ (punbb , phpbb2 , phpbb3, invision) لأحلى
منتدى والصندون يظهر بشكل راائع في المتصفحات ( قووقل كروم ، أوبيرا
والعملاق فاير فوكس )

لتركيب الكود لدينا بعض الخطوات البسيطة

الخطوة الأولى: ] اعداد الصندوق في بيانات العضو ]

نذهب إلى الأعضاء والمجموعات
https://i.servimg.com/u/f32/17/12/94/90/lastpo12.jpg

تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.

ثم
https://i.servimg.com/u/f32/17/12/94/90/lastpo13.jpg

ثم نضيف عنصر بيانات جديد
https://i.servimg.com/u/f32/17/12/94/90/lastpo14.jpg

تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.

ثم نحدد خيارات الصندوق كما في الصورة
https://i.servimg.com/u/f32/17/12/94/90/lastpo15.jpg

تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.

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

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

نقوم بانشاء كود جافاسكريبت جديد عير الخطوات
https://i.servimg.com/u/f32/17/12/94/90/lastpo16.jpg

تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.

ثم
https://i.servimg.com/u/f32/17/12/94/90/lastpo17.jpg

ثم تأكد من تفعيل خاصية الجافاسكريبت
https://i.servimg.com/u/f32/17/12/94/90/lastpo18.jpg

تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.

ثم اضغط لإضافة كود جديد
https://i.servimg.com/u/f32/17/12/94/90/lastpo19.jpg

تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.

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

الكود: ---------تضليل المحتوى
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
غير الأحمر برابط منتداك
ستظهر الصفحة كالتالي
[url=https://i.servimg.com/u/f32/17/12/94/90/lastpo20.jpg]https://i.servimg.com/u/f32/17/12/94/90/lastpo20.jpg

تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.

انسخ الكلمتين التاليتين في الصندوق كما بالصورة
الكود: ---------تضليل المحتوى
last posts

ثم سجل
https://i.servimg.com/u/f32/17/12/94/90/lastpo21.jpg

عد إلى صفحة تعديل البيانات من جديد
ستحصل على نافذة بها اسم صندوق المواضيع للعضو انسخها
https://i.servimg.com/u/f32/17/12/94/90/lastpo22.jpg

تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.

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

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

1- سنعود إلى لوحة التحكم ثم إلى كود الجافا سكريبت الذي ركبناه
وسنلصق اسم الصندوق كما في الصورة
https://i.servimg.com/u/f32/17/12/94/90/lastpo23.jpg

تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.

ونسجل

2- ننذهب إلى ورقة الـCSS في لوحة التحكم عبر
https://i.servimg.com/u/f32/17/12/94/90/lastpo24.jpg

تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.

ثم
https://i.servimg.com/u/f32/17/12/94/90/lastpo25.jpg

ثم نختار ورقة CSS
نضيف في آخر ورقة السي اس اس الكود التالي ولا ننسى لصق اسم صندوق البيانات مباشرة بعد علامة المبرع (قبل الحاضنة)
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;
}
/* ---------- ------------- ----------- نهاية كود آخر مواضيع العضو في بياناته ------------*/


واضغط قدم
أتمنى من أحد الأخوة التكرم بتعديل كود السي اس اس لجعله أكثر جاذبية وتنسيق (الله غالب لا أفهم في الاشكال والالوان )
ومبروك عليك يمكنك التجربة فورا باضافة موضوع جديد في أي قسم من منتداك
وعند الضغط على ارسال ستظهر
https://i.servimg.com/u/f32/17/12/94/90/lastpo27.jpg

تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.

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

https://i.servimg.com/u/f32/17/12/94/90/lastpo10.jpg

تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.


وفي الأخير تقبلوا تحياتانتقل الى:

اختر منتدى||--•• المُنتدَيآتْ العاَمہْ و الإخباريًـہْ ] «|   |--✿¬ ••مـ,قبلوَن ع ـلى الزواج ..! «|   |--✿¬ |حلويات -قاطو-عصائر-للاعياد والحفلات «|   |--♣ الأُسْرَة - الطفل ’|   |--♣ مطبخ صَلُوحِي ’|   |--♣ تَجْهِيزَآتْ عَرُوسْ حَوًآءْ ’|   |--♣ عآلَمْ آدَمْ ’|   |--♣ عَآلَمْ حَوْاءْ ’|   |--♣ صَيدلية صلُوحَي ’|   |--✿¬ | ╬ عــــــــــــــــ ـالمـ السـ,ياراتــ ╬«|   |--✿¬ | ╬ عـــــــــ ـالمـ الدراجات النارية والسريعة ـ ╬«|   |--♣ فيْضْ الخَۈآطرْ ’|   |--✿¬ | قـــــصـــص و روايـآتـ «|   |--✿¬ | شــعر قـصـائــد امثال وحكم «|   |--♣ تهآنِي إِهْدآءآتْ مُنآسبآتْ’|   |--✿¬ | لحظآتَ معڪَمَ ..! بعـقـلـــــــيـہْ ديزاد «|   |--♣ كَافِيـہ صَلٌوحِي ’|   |--✿¬ |تصويــــــ|vote x vote|ـــــــــت ’«|   |--✿¬ ••مـ,ـدونــ ا تـ الآع ــضا ء ..! «|   |--••صور متنوعہ «|   |--✿¬ | كــرســي الاعــتـرافــ «|   |--♣ مــنــتــدى هـــَـــلْ تـــَـ ــــَـعْــلــمْ ؟ ’|   |--♣ أَعْضَاءْ جُدُد ’|   |--♣ مٌسَآبَقًآتْ وَأَلْعَآبْ كِـتَآبيًةُُ ’|   |--••البوم صور الاعضاء «|   |--♣ • تَرْفِيْهَ x تَرْفِيْهَ ’|   |--••الخيمة الرمضانيہ «|   |--••الرقية الشرعية «|   |--•• فلسطـــيــن في القلـــب ] «|   |--✿¬ | صوتــيات اناشيــــد منوعــــــات ..! اسلاميــــــ>mp3|   |--♣ طږيق آلمَغفږهْ ’|   |--✿¬ ••أســتآيْــلاتـــ وأكـــواد تَـــ,ومبلاآآت ] ..! «|   |--♣ تطٌويٍّر منتٌدياٍتِــ - تقنًياتۂ خاٌصٍۂ ’♣ آلأكواد الإنسيابيۂ Css’♣ آكواُدٍٍٍٍ التٍومبٌلايتَّ ’|   |--♣ تَعُرًف ْعلى بلآدِيْ ’|   |--✿¬ ••علم الاجتماع - تطوير الذآت ] ..! «|   |--✿¬ | المنتدى العـــــــامــــ.«|   |--✿¬ ••الشخصيات الجزائرية ..! «|   |--♣ أَخبآرْ العًالمْ ~ ’|   |--✿¬ |احــــلــــى ڪَـــوريـــــا ..! لمحبين الـ K-POP «|   |--♣ تَعَلُمْ اللٌغَهـ الكُورِيًةٌ#|   |--♣ اخبار فناني كوريا #|   |--♣ تقارير المسلسلات الكوريهـ#|   |--♣ اخْبَــآرْ ـالنوادي الكوريهـ#|   |--•• المنتديات التعليميـہ ] «|   |--♣ منتدى تعلمـ اللغاتـ الاجنبيہ’|   |--♣ التعليم الإبتدائي ’|   |--♣ التعليم المتوسط’|   |--♣ التعليم الثانوي ’|   |--✿¬ | تعلم اللغة الاسبانية «|   |--•• آلفئة آلتقنيـہ ] « |   |--♣ دُرُوسَ وادوات لتصميم ’|   |--♣ طًلباٍت آلاٌعضاءً ’|   |--♣ ږيشۂ مُبدِع ’|   |--•• آلمنتديآت التكنولوجيہ ] «|   |--♣ تِلِفِزْيُوُنْ صًلُوُحِيِ’|   |--♣ بًَرًآمِجْ ’|   |--♣ مَوًآقِعْ وأَدْلًةُُ ’|   |--♣ الجَوآلْ ’|   |--♣ مونتاج وإخراج سنمائي -صوتيات ومؤثرات سمعية - ’«|   |--••دليل الموظفين ـہ ] «|   |--••الجيش الوطني الشعبي «|   |--••التوظيف في الجزائر في جميع المجالات «|   |--••تشغيل الشباب ansej «|   |--✿¬ |الشبه طبي ,Paramédicale’«|   |--•• آلمنتديآت آلملتميديـہ ] «|   |--♣ اٌلافْلٌامٌَــ العرُبيۂ ’|   |--♣ آلآفلاٌم اٌلاُجنِبيۂ ’|   |--♣ آفلآم ومُسلٌسلاِٺٌ انمي’|   |--•• آلمنتديآت آلرياضِيـہ ] «|   |--♣ تِلفِزْيْوُنْ كُوْرًةٌ '|   |--♣ مٌشَجٍعٍي بَرْشًلٌوْنَةٌ ’|   |--♣ ♣ مٌشَجٍعٍي ريآلْ مَدْريدْ ’|   |--✿¬ | محبي المنتخب الوطني الجزائري«|   |--•• ♣ نَآدي الآلْعَابْـ ـہ ] «|   |--♣ اَلآلْعَآبْ الكَامِلَهْ والنًآدِرَةٌ ’|   |--♣ اخبار اللعبة وجديدها ’|   |--•• آلمنتديآت آلإدآريـہ ] «    |--♣ آلشَگآۈيْ ۈ آلآقٺږآحَآٺ ~ ’    |--♣ طلبات الاشراف + تَغْيِر الآسَآمِيْ ’«    |--♣ إِشْــهَـ ــآر المْوآقٍـــ ع والمٌــنٍٍٍِتَدَيُآآت    |--♣ قَوَآنِيْنْ المُنْتدًى’    |--♣ فَنْ التعآمل مع المنتدَى ’    |--✿¬ ••الاشعارات والاخبار] ..! «    |--♣ الآرْشِيٍفْ’

power_settings_newقم بتسجيل الدخول للرد

'+ lastPosts +'

'; newmrq += 'direction="up" scrolldelay="2" scrollamount="1" style="text-align: center; " height="145">'; newmrq += $(this).html(); newmrq += '