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

اذهب الى الأسفل
Yasirayad
Yasirayad
مؤسسي المركز
مؤسسي المركز
القوس
عدد المساهمات : 330
متصفح الويب : Chrome
منتدى نسخة : PhpBB3
النقاط : 519
السٌّمعَة : 50
تاريخ التسجيل : 03/06/2015
العمر : 30
http://www.t-mrkz.com/

أضافة الصورة الشخصية بجانب صندوق الرد Empty أضافة الصورة الشخصية بجانب صندوق الرد

الجمعة يناير 08, 2016 5:09 am




أضافة الصورة الشخصية بجانب صندوق الرد



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

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




أضافة الكود التالي في الجافاسكربت 

أذهب الى لوحة الأدارة >> مظهر المنتدى >> العناصر أضافية >> أدارة أكواد الجافاسكربت >> أنشاء كود جديد +

الخانة الأولة ضع أسم 
الخانة الثانية ضع : المواضيع فقط
ضع الكود التالي

الكود:
jQuery().ready(function() {
  $("#quick_reply").prepend("<div id='av_quickreply'>"+_userdata.avatar+"</div>");
});


ثم سجل 

أضافة الصورة الشخصية بجانب صندوق الرد 09615175912 أضافة كود CSS 




أذهب الى لوحة الأدارة >> مظهر المنتدى >> اللوان >> ورقة CSS :
أضف الكود التالي
الكود:
#av_quickreply img {
    left: 15px;
    position: relative;
    top: 35px;
}
 
#av_quickreply {
    float: left;
    position : absolute;
}


أنتهى .. 

avatar
JAR7
عضو جديد
عدد المساهمات : 47
النقاط : 49
السٌّمعَة : 0
تاريخ التسجيل : 20/07/2015

أضافة الصورة الشخصية بجانب صندوق الرد Empty رد: أضافة الصورة الشخصية بجانب صندوق الرد

الثلاثاء مارس 01, 2016 6:56 am
طرحت فأبدعت يعطيك الف عافية
جهود مبارك جزاك الله خير
دمت ودام عطائك
ودائما بأنتظار جديدك الشيق
لك خالص تقديري واحترامي
دمت بخير
الرجوع الى أعلى الصفحة
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى