admin عضو ماسى
اوسمة خاصه : علم دولتى :
اللقب الاظافى : الدعم الفنى
الجنس : المساهمات : 316 الـنــــقــــاط : 4330 تاريخ التسجيل : 19/07/2014 المـوقــــــع : منتديات جروح البادية
| موضوع: صندوق آخر مواضيع العضو في بياناته تماما كا vb 24/10/14, 11:50 pm | |
| السلام عليكم ورحمة الله ورمضانكم كريمتم بحمد الله اتمام تكويد صندوق آخر مواضيع العضو في بياناته تماما كالفيبي وهذا رابط الموضوع في الدعم الاجنبي[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]أولا دعونا نستعرض النتيجة : الصندوق يظهر آخر ثماني مواضيع للعضو كما الفيبي تماما وهذه صورة توضيحية للكود بعذ تركيبه[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]تكبير الصورة معاينة الأبعاد الأصلية.[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]الصندوق ديناميكي ويتحدث آليا بعد اضافة العضو لموضوع جديد وهذا رابط لمنتدى المعاينة [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]يمكنك الترجبة بالبيانات التالية:العضو: demooكلمة السر: leader123الكود مجرب وشغال في جميع النسخ (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 = '<table class="da3m forumarabia lastposts"><tbody><tr><td class="thead"><b>'+ lastPosts +'</b></td> </tr> </tbody><tbody class="mrq"> <tr> <td class="alt1"> <div>'; newmrq += '<marquee onmouseover="this.stop()" onmouseout="this.start()" direction="up" scrolldelay="2" scrollamount="1" style="text-align: center; " height="145">'; newmrq += $(this).html(); newmrq += '</marquee></div> </td> </tr> </tbody</table>';$(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;}/* ---------- ------------- ----------- نهاية كود آخر مواضيع العضو في بياناته ------------*/ واضغط قدم أتمنى من أحد الأخوة التكرم بتعديل كود السي اس اس لجعله أكثر جاذبية وتنسيق (الله غالب لا أفهم في الاشكال والالوان [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] )ومبروك عليك يمكنك التجربة فورا باضافة موضوع جديد في أي قسم من منتداكوعند الضغط على ارسال ستظهر [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]تكبير الصورة معاينة الأبعاد الأصلية.[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]ومن ثم ستوجه لتجد أن صندوق آخر المواضيع قد ظهر[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]تصغير الصورة معاينة الأبعاد الأصلية.[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]وفي الأخير تقبلوا تحيات cc.mido | |
|
شموع الحب المؤسسين للمنتدى
اوسمة خاصه : علم دولتى :
اللقب الاظافى : شخصية هامة
الجنس : المساهمات : 196 الـنــــقــــاط : 3990 تاريخ التسجيل : 11/09/2014
| موضوع: رد: صندوق آخر مواضيع العضو في بياناته تماما كا vb 26/10/14, 12:45 pm | |
| كود رائع ولكنه لم يعمل فما سبب ذالك ؟ ياريت تعدله لنا والف شكر لك | |
|