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

+2
imissyoulovers
cc.mido
6 مشترك

اذهب الى الأسفل

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

مُساهمة من طرف cc.mido الأربعاء 15 أغسطس 2012 - 18:45

السلام عليكم ورحمة الله ورمضانكم كريم
تم بحمد الله اتمام تكويد صندوق آخر مواضيع العضو في بياناته تماما كالفيبي
وهذا رابط الموضوع في الدعم الاجنبي
http://help.forumotion.com/t113339-my-latest-topics-for-punbbinvisionphpbb2phpbb3
أولا دعونا نستعرض النتيجة : الصندوق يظهر آخر ثماني مواضيع للعضو كما الفيبي تماما وهذه صورة توضيحية للكود بعذ تركيبه
https://i.servimg.com/u/f32/17/12/94/90/lastpo11.jpg
كود + شرح تركيب صندوق آخر مواضيع العضو في بياناته لجميع النسخ Lastpo11
الصندوق ديناميكي ويتحدث آليا بعد اضافة العضو لموضوع جديد
وهذا رابط لمنتدى المعاينة 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
كود + شرح تركيب صندوق آخر مواضيع العضو في بياناته لجميع النسخ Lastpo12
ثم
https://i.servimg.com/u/f32/17/12/94/90/lastpo13.jpg
كود + شرح تركيب صندوق آخر مواضيع العضو في بياناته لجميع النسخ Lastpo13
ثم نضيف عنصر بيانات جديد
https://i.servimg.com/u/f32/17/12/94/90/lastpo14.jpg
كود + شرح تركيب صندوق آخر مواضيع العضو في بياناته لجميع النسخ Lastpo14
ثم نحدد خيارات الصندوق كما في الصورة
https://i.servimg.com/u/f32/17/12/94/90/lastpo15.jpg
كود + شرح تركيب صندوق آخر مواضيع العضو في بياناته لجميع النسخ Lastpo15
ثم نسجل [تمت المرحلة الأولى]

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

نقوم بانشاء كود جافاسكريبت جديد عير الخطوات
https://i.servimg.com/u/f32/17/12/94/90/lastpo16.jpg
كود + شرح تركيب صندوق آخر مواضيع العضو في بياناته لجميع النسخ Lastpo16
ثم
https://i.servimg.com/u/f32/17/12/94/90/lastpo17.jpg
كود + شرح تركيب صندوق آخر مواضيع العضو في بياناته لجميع النسخ Lastpo17
ثم تأكد من تفعيل خاصية الجافاسكريبت
https://i.servimg.com/u/f32/17/12/94/90/lastpo18.jpg
كود + شرح تركيب صندوق آخر مواضيع العضو في بياناته لجميع النسخ Lastpo18
ثم اضغط لإضافة كود جديد
https://i.servimg.com/u/f32/17/12/94/90/lastpo19.jpg
كود + شرح تركيب صندوق آخر مواضيع العضو في بياناته لجميع النسخ Lastpo19
وعدل الخصائص كما في الصورة إلى جميع الصفحات + ضع فيه كود الجافا سكريبت التالي بدون أن تغير فيه شيئا

الكود:

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);
وسجل

نعود الآن إلى المنتدى ونتحول إلى صفحة تعديل البيانات عبر الرابط
http://da3m.forumarabia.com/profile?mode=editprofile
غير الأحمر برابط منتداك
ستظهر الصفحة كالتالي
https://i.servimg.com/u/f32/17/12/94/90/lastpo20.jpg
كود + شرح تركيب صندوق آخر مواضيع العضو في بياناته لجميع النسخ Lastpo20
انسخ الكلمتين التاليتين في الصندوق كما بالصورة
الكود:

last posts
ثم سجل
https://i.servimg.com/u/f32/17/12/94/90/lastpo21.jpg
كود + شرح تركيب صندوق آخر مواضيع العضو في بياناته لجميع النسخ Lastpo21
عد إلى صفحة تعديل البيانات من جديد
ستحصل على نافذة بها اسم صندوق المواضيع للعضو انسخها
https://i.servimg.com/u/f32/17/12/94/90/lastpo22.jpg
كود + شرح تركيب صندوق آخر مواضيع العضو في بياناته لجميع النسخ Lastpo22
وسنحتاجها في الخطوة التالية

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

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

2- ننذهب إلى ورقة الـCSS في لوحة التحكم عبر
https://i.servimg.com/u/f32/17/12/94/90/lastpo24.jpg
كود + شرح تركيب صندوق آخر مواضيع العضو في بياناته لجميع النسخ Lastpo24
ثم
https://i.servimg.com/u/f32/17/12/94/90/lastpo25.jpg
كود + شرح تركيب صندوق آخر مواضيع العضو في بياناته لجميع النسخ Lastpo25
ثم نختار ورقة CSS
نضيف في آخر ورقة السي اس اس الكود التالي ولا ننسى لصق اسم صندوق البيانات مباشرة بعد علامة المبرع (قبل الحاضنة)
https://i.servimg.com/u/f32/17/12/94/90/lastpo26.jpg
كود + شرح تركيب صندوق آخر مواضيع العضو في بياناته لجميع النسخ Lastpo26
الكود:
الكود:


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

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

https://i.servimg.com/u/f32/17/12/94/90/lastpo10.jpg
كود + شرح تركيب صندوق آخر مواضيع العضو في بياناته لجميع النسخ Lastpo10

وفي الأخير تقبلوا تحيات cc.mido


عدل سابقا من قبل cc.mido في الأربعاء 15 أغسطس 2012 - 19:04 عدل 1 مرات
cc.mido
cc.mido
 
 

ذكر
عدد المساهمات : 509
معدل النشاط : 5684
السُمعة : 3

http://da3m.forumarabia.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف cc.mido الأربعاء 15 أغسطس 2012 - 18:45

انتظرو تحميل الصور في الشرح
cc.mido
cc.mido
 
 

ذكر
عدد المساهمات : 509
معدل النشاط : 5684
السُمعة : 3

http://da3m.forumarabia.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف cc.mido الأربعاء 15 أغسطس 2012 - 19:14

شكرا لمرورك أي اقتراحات؟ يمكنني إضافة تعديلات إلى الكود
cc.mido
cc.mido
 
 

ذكر
عدد المساهمات : 509
معدل النشاط : 5684
السُمعة : 3

http://da3m.forumarabia.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف cc.mido الأربعاء 15 أغسطس 2012 - 19:36

!scorpion! كتب:شكرا تم اضافة الموضوع للمفضلة

لكي اعدله و انسقه لك و ارسله للشكايات

ووضع اسمك لضمان حقوقك
شكرا جزيلا عزيزي
لو تفهر بأكواد الـcss الرجاء التكرم بتعديله لجعل الصندوق أكثر جاذبية ولم ممكن تحضير أكثر من شكل ليختار العضو ما يناسب استايل منتداه
cc.mido
cc.mido
 
 

ذكر
عدد المساهمات : 509
معدل النشاط : 5684
السُمعة : 3

http://da3m.forumarabia.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

كاتب هذه المساهمة مطرود حالياً من المنتدى - معاينة المساهمة

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

مُساهمة من طرف علي محمد السعدي الأربعاء 22 أغسطس 2012 - 0:11

بسم الله الرحمان الر
السلام عليكم اخي الغالي
تحياتي وكل عام وانتم بالف الف خير وعيد سعيد
اشكرك الشكر الجزيل عن هذا الموضوع الرائع ولقد عملت كما هو في الشرح ولكن لما اصل الى وضع الكلمتين في الصندوق في تعديل البيانات الشخصية وأضغط سجل *** لايظهر لي اي صندوق كما في شرحكم (( ستحصل على نافذة بها اسم صندوق المواضيع للعضو انسخها )) هذه النافذة لاتظهر ولا الصندوق مع العلم كل الذي عملته حسب الشرح كان صحيحا !
الاستفسار الثاني هو عن كود الجافا
هل الذي مكتوب في الصورة اي الكتابة الانكليزية (( // this code is generated by the-leader da3m.forumarabia.com
//ce code est genere par the-leader da3m.forumarabia.com)) هل لها علاقة بالكود اي هل نكتبها مع الكود او ماذا نفعل ؟
مع العلم جربتها وكذالك لم يظهر صندوق كتابة المواضيع
الاستفسار الثالث
هل يجب تعديل كلمة السر وتغيير الايميل واسم العضو أم أتركها كما هي لانني انا المدير العام ومكتوب كل تفاصيل بياناتي كما هي موجودة .
ارجو التوضيح اكثر مع فائق احترامي وتقديري
علي محمد السعدي
علي محمد السعدي
 
 

ذكر
عدد المساهمات : 130
معدل النشاط : 4871
السُمعة : 0

http://alialsady.forumarabia.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف cc.mido الأربعاء 22 أغسطس 2012 - 1:39

علي محمد السعدي كتب: بسم الله الرحمان الر
السلام عليكم اخي الغالي
تحياتي وكل عام وانتم بالف الف خير وعيد سعيد
اشكرك الشكر الجزيل عن هذا الموضوع الرائع ولقد عملت كما هو في الشرح ولكن لما اصل الى وضع الكلمتين في الصندوق في تعديل البيانات الشخصية وأضغط سجل *** لايظهر لي اي صندوق كما في شرحكم (( ستحصل على نافذة بها اسم صندوق المواضيع للعضو انسخها )) هذه النافذة لاتظهر ولا الصندوق مع العلم كل الذي عملته حسب الشرح كان صحيحا !
يجب نسخ الكلمتين "
last posts
" إلى الصندوق ثم التسجيل
أو انسخه من كود الجافا سكريب بين الإشارتين " و"

الاستفسار الثاني هو عن كود الجافا
هل الذي مكتوب في الصورة اي الكتابة الانكليزية (( // this code is generated by the-leader da3m.forumarabia.com
//ce code est genere par the-leader da3m.forumarabia.com)) هل لها علاقة بالكود اي هل نكتبها مع الكود او ماذا نفعل ؟
هذه الأسطر عبارة عن تعليق لحفظ حقوق الكود لا يهم تركها ام حذفها ويمكنك حذفها إذا أردت
مع العلم جربتها وكذالك لم يظهر صندوق كتابة المواضيع
الاستفسار الثالث
هل يجب تعديل كلمة السر وتغيير الايميل واسم العضو أم أتركها كما هي لانني انا المدير العام ومكتوب كل تفاصيل بياناتي كما هي موجودة .
لالالا لا علاقة بكلمة السر أو الايميل بهذا الكود لكن يجب اتمام ملأ البيانات اللازمة في بروفايل العضو
ارجو التوضيح اكثر مع فائق احترامي وتقديري
أعتذر كثيرا على التأخر في الرد على تساؤلك
تقبل تحياتي

وأنا هنا لأي استفسار آخر
cc.mido
cc.mido
 
 

ذكر
عدد المساهمات : 509
معدل النشاط : 5684
السُمعة : 3

http://da3m.forumarabia.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف صاوي الهاشمي الأربعاء 22 أغسطس 2012 - 2:05

لمااذااااااااااااااااااااااااااااا

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


برييدي صح 100% !!!!!!

شوو الحححل ؟؟؟؟


في هذه الخططوة :


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

انثى
عدد المساهمات : 239
معدل النشاط : 4559
السُمعة : -1

http://a7la-bnootat.moontada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف محمود السيد الأربعاء 22 أغسطس 2012 - 2:08

ارسل الكود هنا
الشكايات العامة
ليتم المعاينه
محمود السيد
محمود السيد
 
 

ذكر
عدد المساهمات : 790
معدل النشاط : 6308
السُمعة : 0

http://el3malka.0wn0.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف صاوي الهاشمي الأربعاء 22 أغسطس 2012 - 2:30

تـــم الحل

ششكراً على الكود الرآآآآئع Cool
صاوي الهاشمي
صاوي الهاشمي
 
 

انثى
عدد المساهمات : 239
معدل النشاط : 4559
السُمعة : -1

http://a7la-bnootat.moontada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف علي محمد السعدي الأربعاء 22 أغسطس 2012 - 8:52

بسم الله الرحمان الر
تحياتي لك اخي الكريم
اشكرك الشكر الجزيل
ولكن صدقني لم يضبط معي *** انا قصدت هل اكتب شيئا في الصندوق الذي اعددناه في البيانات الشخصية ((( أي بعد كلمتي (( last posts )) في داخل الصندوق هل نكتب البيانات المشار اليها بنجمة ))) يعني لو سمحت ولا امرا على جنابك ولكن فضلا *** تتكرم علينا بشرح هذه الخطوة شرح مفصل أي ماذا نفعل لها ؟
كود + شرح تركيب صندوق آخر مواضيع العضو في بياناته لجميع النسخ Lastpo20
وأرجو ان لا اكون قد ازعجتك وآسف جدا للاطالة وصدقني ان موضوعك يثير الاهتمام والتقدير ولهذا انا قد اعجبني كثير وأسأل كثيرا *** مع تمنياتي لكم بالتوفيق والسؤدد .
وإذا لم يضبط معي سأترك الموضوع ولكنك تبقى محل احترام وتقدير .
علي محمد السعدي
علي محمد السعدي
 
 

ذكر
عدد المساهمات : 130
معدل النشاط : 4871
السُمعة : 0

http://alialsady.forumarabia.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

كاتب هذه المساهمة مطرود حالياً من المنتدى - معاينة المساهمة

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

مُساهمة من طرف صاوي الهاشمي الخميس 23 أغسطس 2012 - 0:21

أنا عملت الكود واشتغل معاي صصح

لكن الأعضاء مايشتغل معاهم

هذا الكود فقط للمدير ؟؟
صاوي الهاشمي
صاوي الهاشمي
 
 

انثى
عدد المساهمات : 239
معدل النشاط : 4559
السُمعة : -1

http://a7la-bnootat.moontada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى