الرئيسيةالتسجيلدخولRالوان


الى الاعلى

الى الاسفل

شاطر|

جديد كود وطريقة اضافة من مواضيعي في البيانات الشخصية

avatar
مدير المنتدى
Adminمدير المنتدى
عدد المساهمات : 484
تاريخ التسجيل : 22/02/2012
http://ar.hitskin.com/my-skins-0.htm
مُساهمةموضوع: جديد كود وطريقة اضافة من مواضيعي في البيانات الشخصية  26.09.12 18:01




وعليكم السلام
تفضلى تابعى هذا الشرح
نذهب إلى الأعضاء والمجموعات

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

ثم


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

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

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

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

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

الخطوة الثانية ]اعداد الكود 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);

وسجل

نعود الآن إلى المنتدى ونتحول إلى صفحة تعديل البيانات عبر الرابط
الكود:
[code]رابط المنتدى/profile?mode=editpr[/code]ofile
ستظهر الصفحة كالتالي




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

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

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

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

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

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

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

ونسجل

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

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

ثم


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

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




الكود:




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

.


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

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

بالتوفيق
 الموضوع الأصلي  : جديد كود وطريقة اضافة من مواضيعي في البيانات الشخصية // المصدر : معهد همسة حق // الكاتب: Admin
avatar
عضو جديد
محمد الفلكيعضو جديد
عدد المساهمات : 184
تاريخ التسجيل : 12/09/2013
العمر : 57
الموقع : منتديات الفلكي محمد
http://mhmd623.cinebb.com/
مُساهمةموضوع: رد: جديد كود وطريقة اضافة من مواضيعي في البيانات الشخصية  06.04.14 8:46



موضوع رآئع
لگ آلشگر وآلتقدير
على آلآپدآع
الابداع يتألق في عالم همسة
چزآگ آلله خيرآ

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

جديد كود وطريقة اضافة من مواضيعي في البيانات الشخصية

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

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