مرحباً بكم أيها الكرام من أعضاء و زوار منتديآت صحبة نت من كل مكان
صورة الكود
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
شرح عمل الكود كتب:الكود يسمح لجميع الأعضاء بإضافة الوجوه الضاحكة أو الصور أو الإبتسامات الخاصة بهم إلى صندوق الوجوه الضاحكة ليستطيع إستخدامها فى المشاركات و المواضيع
الخطوة الأولى شرح تركيب الكود ( 1 ) كتب:
1-لوحة الإدارة >> الأعضاء و المجموعات >> الأعضاء >> البيانات الشخصية
2- إضغط على إضافة حقل جديد
إجعل بيانات تغيير الحقل كما يلى
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
3- ضع الكود التالى فى حقل النص المتعدد كما يلىالكود:
[table class="fa_personal_emoticons"][tr][td][/td][/tr][/table]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
4- إضغط سجل
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
5- ثم إضغط على تعديل و إضغط على تغيير المحتوى لنشر الحقل لجميع الأعضاء
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
الخطوة الثانية شرح تركيب الكود ( 2 ) كتب:لوحة الإدارة >> عناصر اضافية >> HTML و JAVASCRIPT >> إدارة أكواد Javascript و ثم ننشئ ورقة جديده و نضع الكود التالي و إجعل التأثير فى جميع الصفحات ثم سجل
تعليمات الإستخدام كتب:
تستطيع إضافة أيقونات و إبتسامات جديدة عن طريق الدخول للبييانات الشخصية و الضغط على الحقل الجذى صنعناه
ستظهر القائمة التالية التى تستطيع من خلالها إضافة الأيقونات
يمكنك رفع صور جديدة لإستخدامها مباشرة
يمكنك حذف الأيقونات التى لا تريدها
يمكنك ترتيب الأيقونات حسب رغبتك
و أخيراً ستظهر جميع الأيقونات التى أضفتها فى صندوق الوجوه الضاحكة لتستطيع إستخدامها كما تشاء فى مشاركاتك و مواضيعك
1- إذا أردت أن لا تكون الوجوه الضاحكة الخاصة بالأعضاء مرئية للجميع
الكود:
hide_field : true, // hide/show field on profile
2- إذا أردت أن تظهر الأيقونات الخاصة بالعضو أعلى أو أسفل صندوق الوجوه الضاحكة عدل على الجزء التالى من الكود عن طريق تغيير كلمة bottom و top
الكود:
position : 'bottom', // position of personal emoticons ; top or bottom
3-لتغيير اللغة عدل على الجزء التالى من الكود
الكود:
// language settings
lang : {
title : 'الإبتسامات الشخصية',
desc : 'تستطيع الآن رفع إبتساماتك و الوجود الضاحكة الشخصية الخاصة بك لإستخدامها فى مساهماتك .',
update : 'رفع صورة',
upload : 'تحميل صورة',
cancel : 'إغلاق',
add : 'إضافة المزيد',
delete : 'حذف',
up : 'تحريك للأعلى',
down : 'تحريك للأسفل'
}
};
هذا الكود ليس من تصميمي هذا الكود من تصميم @Ange Tuteur و تم كتابة الشرح و تعريب الكود بواسطتى [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] .
|
لا تتردد فى الأسئلة و الإستفسارات .
|
تحياتيــــــ
JOHN CENA
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] |
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] |