مرحبًا بكم في دليلنا الشامل حول كيفية إضافة صورتك الشخصية بجوار صندوق الرد السريع في المنتديات باستخدام كود جافا سكريبت. سيمكنك هذا التعديل من تحسين تفاعل المستخدمين عن طريق عرض صورتهم الشخصية بشكل جذاب، مما يسهل الوصول إلى بياناتهم الشخصية عبر الضغط على الصورة.
المزايا:
- سهولة الوصول: عند الضغط على الصورة، يُعيد المستخدم إلى بياناته الشخصية.
- تعزيز التفاعل: يجعل المنتدى أكثر جاذبية للزوار من خلال عرض معلومات المستخدم بشكل مميز.
خطوات التركيب:
- تسجيل الدخول إلى لوحة الإدارة.
- الذهاب إلى قسم العناصر الإضافية.
- اختيار HTML و JAVASCRIPT.
- الانتقال إلى إدارة أكواد Javascript.
- إنشاء كود جديد.
تحديد مكان الكود:
- اختر "جميع الصفحات" لتفعيل الكود في كل صفحات المنتدى.
الكود المطلوب:
انسخ الكود أدناه وألصقه في المكان المخصص:javascript
نسخ الكود
الكود:
/***
* Application: Avatar in fast reply.
* Description: This application shows the member avatar's in fast reply.
* Version: 1.03212014-jq1.9.1 - Neterket, 3? dynasty
* Made and Optimizations by View more in: http://ajuda.forumeiros.com
* Copyright (c) 2013 JScript <jscriptbrasil at live dot com>
* This work is free. You can redistribute it and/or modify it
* under the terms of the WTFPL, Version 2
*/
jQuery(function () {
if (_userdata.session_logged_in) {
var sHtml =
'<a id="reply_avatar" class="jsUserPhotoLink left" title="ملفي" href=""></a>';
var sCSS =
'<style>' +
'.left {' +
'float: left;' +
'}' +
'.jsUserPhotoLink {' +
'margin: 9px;' +
'position: absolute;' +
'}' +
'.jsUserPhoto {' +
'background: none repeat scroll 0 0 #FFFFFF;' +
'border: 1px solid #D5D5D5 !important;' +
'box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);' +
'padding: 1px;' +
'}' +
'.jsUserPhoto_medium {' +
'max-height: 100px;' +
'max-width: 100px;' +
'}' +
'.input_check, .input_radio, img {' +
'vertical-align: middle;' +
'}' +
'</style>';
jQuery(sCSS).insertBefore('body');
jQuery('#quick_reply, #qpost .qreply').prepend(sHtml);
jQuery('#reply_avatar')
.attr('href', '/u' + _userdata.user_id)
.prepend(_userdata.avatar);
jQuery('#reply_avatar img').addClass('jsUserPhoto jsUserPhoto_medium');
if (jQuery('.bodyline, #pun-intro').length) jQuery('#reply_avatar').css('position', 'relative');
}
});
صورة توضيحية:
[أضف صورة توضح كيف يبدو الكود بعد التركيب]بهذا الشكل، سيستمتع المستخدمون بتجربة فريدة على المنتدى، مع إمكانية الوصول السريع إلى بياناتهم الشخصية.
الكلمات المفتاحية:
- جافا سكريبت
- صورة الملف الشخصي
- صندوق الرد السريع
- تفاعل المستخدمين
- تخصيص المنتديات