هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.



 
الرئيسيةأحدث الصورالتسجيلدخولRالوان


الى الاعلى

الى الاسفل

شاطر

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

Admin
مدير المنتدى
Adminمدير المنتدى
عدد المساهمات : 484
تاريخ التسجيل : 22/02/2012
http://ar.hitskin.com/my-skins-0.htm
مُساهمةموضوع: كود + شرح تركيب صندوق آخر مواضيع العضو في بياناته لجميع النسخ  كود + شرح تركيب صندوق آخر مواضيع العضو في بياناته لجميع النسخ I_icon_minitime09.05.13 23:36

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

أولا دعونا نستعرض النتيجة : الصندوق يظهر آخر ثماني مواضيع للعضو كما الفيبي تماما وهذه صورة توضيحية للكود بعذ تركيبه
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);


وسجل

نعود الآن إلى المنتدى ونتحول إلى صفحة تعديل البيانات عبر الرابط
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

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


واضغط قدم
أتمنى من أحد الأخوة التكرم بتعديل كود السي اس اس لجعله أكثر جاذبية وتنسيق (الله غالب لا أفهم في الاشكال والالوان  كود + شرح تركيب صندوق آخر مواضيع العضو في بياناته لجميع النسخ 731629  )
ومبروك عليك يمكنك التجربة فورا باضافة موضوع جديد في أي قسم من منتداك
وعند الضغط على ارسال ستظهر
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



تحياتيـthe_leader
 الموضوع الأصلي  : كود + شرح تركيب صندوق آخر مواضيع العضو في بياناته لجميع النسخ // المصدر : معهد همسة حق // الكاتب: Admin


عدل سابقا من قبل Admin في 12.04.15 23:28 عدل 2 مرات
محمد الفلكي
عضو جديد
محمد الفلكيعضو جديد
عدد المساهمات : 184
تاريخ التسجيل : 12/09/2013
العمر : 62
الموقع : منتديات الفلكي محمد
http://mhmd623.cinebb.com/
مُساهمةموضوع: رد: كود + شرح تركيب صندوق آخر مواضيع العضو في بياناته لجميع النسخ  كود + شرح تركيب صندوق آخر مواضيع العضو في بياناته لجميع النسخ I_icon_minitime28.03.14 13:58

جزاك الله خيرا على الموضوع
على هذه التقنية والاكوادات المميزة
حفظكم الله
بارك الله بك
 الموضوع الأصلي  : كود + شرح تركيب صندوق آخر مواضيع العضو في بياناته لجميع النسخ // المصدر : معهد همسة حق // الكاتب: محمد الفلكي

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

استعرض الموضوع التالي استعرض الموضوع السابق الرجوع الى أعلى الصفحة
صفحة 1 من اصل 1

مواضيع مماثلة

-
» حصري هنا فقط كود وضع خلفية واطار ثابت لجميع مواضيع وردود منتداك من صنعي
» طريقة تركيب منتديات بعدد غير محدود في نفس خانة الفئة
» شرح كيفية تركيب اكقر من استايل لشركة احلى منتدى
» كود وضع اطار وخلفية لجميع الأزرار بالمنتدي
» حصرى كود css وضع اطار حول مساهمة العضو داخل المواضيع بطريقة رووعة

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
 :: اكواد وقوالب التومبيلات وتقنيات اخرى :: أكواد الجافا إسكريبتJAVA-
$(HAMSAHAQ({ 'معلومات الموضوع' :
العنوان
كود + شرح تركيب صندوق آخر مواضيع العضو في بياناته لجميع النسخ
اخي اختي لا تنسى صلاتك فهي اهم من كل المنتديات
يتبع الموضوع الى قسم  :: اكواد وقوالب التومبيلات وتقنيات اخرى :: أكواد الجافا إسكريبتJAVA
هل تريد?