كود اظهار الصورة الرمزية بجانب صندوق الرد السريع

[Admin]

بسم الله الرحمن الرحيم

اقدم لكم كود اظهار الصورة الرمزية (الشخصية) بجانب صندوق الرد السريع، الكود منقول وتم تعديل خواصه وتطويره من قبل شركة انكور التطويرية. تم ضبط مكان الصورة الى اليمين بالقرب من الصندوق واضافة ظل للصورة وايضاً تأثير عند مرور الماوس عليها وجعلها أوضح.
​

معاينة الكود​

​

تركيب الكود​

توجه نحو لوحة الادارة - عناصر اضافية - إدارة اكواد الـ Javascript - اضف كود جديد
مكان الكود: الموضوع
واضف الكود التالي واحفظ:

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

ومن ثم توجه نحو لوحة الادارة - مظهر المنتدى - الوان & ورقة الـ Css ومن ثم ورقة تصميم Css واضف الكود التالي:

/* بداية كود الصورة الرمزية عنتد صندوق الرد السريع */
#av_quickreply img {
  max-height:260px !important;
  max-width:200px !important;
}
#av_quickreply {
  position:absolute;
  right: 200px;   
  box-shadow: 4px 4px 1px #000;
  top:35px;
}
#av_quickreply:hover {
filter: saturate(180%);
}
form#quick_reply {
 position: relative;
}
/* نهاية كود الصورة الرمزية عنتد صندوق الرد السريع */

ان شاء الله يكون عجبكم
بالتوفيق للجميع
والسلام ختام​

 

[يشهب]

هل الكود يعمل على كل النسخ؟ أم على نسخ محددة؟
شكراً سلفاً

 

[Admin]

هل الكود يعمل على كل النسخ؟ أم على نسخ محددة؟

لم أجربه سوى على نسخة واحدة، ولكن هو يعتمد على الid، في حال تغير "av_quickreply" في النسخة الأخرى فقط نقوم بتعديله وسيعمل عليها

 

[يشهب]

شكراً لك على الاهتمام و سرعة الرد
دمت بود؛