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


 
الرئيسيةأحدث الصورالتسجيلالتسجيلدخولتسجيل دخول

 

 طريقة تفعيل و تشغيل نظام FaceBook Connect في أحلى المنتديات

اذهب الى الأسفل 
كاتب الموضوعرسالة
البرنس
Admin
Admin
البرنس


ذكر عدد الرسائل : 1727
العمر : 34
نقاط : 60602
تاريخ التسجيل : 23/01/2009

طريقة تفعيل و تشغيل نظام FaceBook Connect في أحلى المنتديات Empty
مُساهمةموضوع: طريقة تفعيل و تشغيل نظام FaceBook Connect في أحلى المنتديات   طريقة تفعيل و تشغيل نظام FaceBook Connect في أحلى المنتديات Icon_minitimeالثلاثاء يوليو 27, 2010 6:05 pm

السلام عليكم

فيما يلي تجدون شرح شاملا و بالصور لطريقة تفعيل و تشغيل نظام FaceBook Connect في أحلى المنتديات.

1. ما هو نظام FaceBook Connect و ما الغرض منه ؟

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

2. كيف يمكنني تفعيل نظام FaceBook Connect في منتداي ؟

العملية سهلة للغاية, ما عليك إلا التوجه الى لوحة ألإدارة >> عناصر إضافية >> نظام Facebook Connect >> تشكيل ثم تقوم بتثبيت التطبيق Facebook Connect على منتداك باتباع الخطوات التالية:

أ. الحصول على مفتاح "ID" للتطبيق الخاصة بنظام Facebook Connect لمنتداك: للحصول على هذا المفتاح الضروري, عليك بالدخول الى حسابك على موقع Facebook و بعد ذلك التوجه نحو هته الصفحة الخاصة بالتطبيقات

ب. إنشاء التطبيق الخاصة بنظام Facebook Connect لمنتداك: و ذلك عبر ادخال اسم منتداك و رابطه كما موضح في الصورة

طريقة تفعيل و تشغيل نظام FaceBook Connect في أحلى المنتديات 23-06-10

ملاحظة هامة:
1. لا تنس أبداً وضع رابط منتداك باكمله و بالشكل الصحيح مع اضافة / في
آخر الرابط. لم اخدنا مثلا منتدى الدعم هذا فالرابط الواجب وضعه هو [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] مع العارضة المائلة / في آخر الرابط و ليس الرابط [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] اذا لم تضع العارضة المائلة / في آخر الرابط فسيخبرك الفيسبوك ان الرابط خاطئ بهته الرسالة:

طريقة تفعيل و تشغيل نظام FaceBook Connect في أحلى المنتديات 23-06-11

2.
يجب عليك كتابة ما في الحقل site name باللغة العربية والا فستحصل على
صفحة خطئ أو صفحة بيضاء! وهذا المشكل ليس من احلى منتدى بل من موقع
الفيسبوك نفسه ولا يمكننا صيانته او تغييره.



ت. نسخ مفتاح "ID" للتطبيق الخاصة بنظام Facebook Connect لمنتداك و تسجيله في لوحة ادارة المنتدى:

تنسخ مفتاح "ID" للتطبيق الخاصة بنظام Facebook Connect كما تم اعطاؤه لك:


تكبير الصورةتصغير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
طريقة تفعيل و تشغيل نظام FaceBook Connect في أحلى المنتديات 23-06-12

و تضعه في الحقل المخصص لهذا الغرض في لوحة ألإدارة >> عناصر إضافية >> نظام Facebook Connect >> تشكيل >> مفتاح "ID" للتطبيق



تكبير الصورةتصغير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
طريقة تفعيل و تشغيل نظام FaceBook Connect في أحلى المنتديات 23-06-13

ثم تفعل نظام Facebook Connect باختيارك "نعم" في خيار التفعيل و تسجيل الدخول التلقائي للمنتدى و نظام دعوة الأصدقاء:


تكبير الصورةتصغير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
طريقة تفعيل و تشغيل نظام FaceBook Connect في أحلى المنتديات 23-06-14

للتحكم
الشامل في خصائص التطبيق (تعديل, اضافة, حذف...الخ) ما عليك الا الدخول
الى "لوحة تحكم المطور" عبر النقر على الرابط الموافق لها:


تكبير الصورةتصغير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
طريقة تفعيل و تشغيل نظام FaceBook Connect في أحلى المنتديات 23-06-15

بعد النقر تفتح لك صفحة التحكم في كل التطبيقات التي انشأتها لمنتدياتك.


تكبير الصورةتصغير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
طريقة تفعيل و تشغيل نظام FaceBook Connect في أحلى المنتديات 23-06-16

ملاحظة هامة:

هته
الخاصية متعلقة مباشرة بموقع FaceBook ولا تتحكم فيها احلى منتدى. لذلك
فان اي تعديل او عطب يصيب موقع FaceBook فسوف يؤثر على عملها و هذا خارج عن
ارادة احلى منتدى. لكن في كل الحالات, لن يصيب الأمر المنتدى بأي ضرر.



3. ماذا يتغير في المنتدى بعد تفعيل نظام FaceBook Connect ؟

بعد تفعيل نظام FaceBook Connect في المنتدى, ستظهر ازرار نظام التسجيل
عبر FaceBook مع حقول التسجيل في المنتدى و ايضاً حقول تسجيل الدخول:

أ. التسجيل في المنتدى كعضو جديد:

التسجيل في المنتدى كعضو جديد في هته الحالة يتم بطريقة طبيعية إلا انه في
صفحة ملإ البيانات, سيظهر زر ربط حساب العضو الجديد بحسابه في موقع
FaceBook . من طبيعة الحال, العضو حر ان يستعمله او لا. ان لم يستعمله فلن
يمنعه ذلك من التسجيل في المنتدى.

بدل ان يتعب العضو نفسه بملإ
البيانات, ما عليه إلا ان ينقر على الزر "ربط حساب Facebook الخاص بي"
فيتكفل المنتدى لوحده بالإتصال بموقع Facebook للحصول على بيانات العضو
بعد موافقته طبعاً.


تكبير الصورةتصغير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
طريقة تفعيل و تشغيل نظام FaceBook Connect في أحلى المنتديات 23-06-19

بعد
النقر ستفتح للعضو نافذة مستقلة تطلب منه ادخال بيانات تعريفه في موقع
FaceBook ثم بعد التسجيل ستظهر صفحة يطلب فيها موقع FaceBook من العضو
ان يسمح له باعطاء بياناته الى المنتدى الذي هو رهن التسجيل فيه:


تكبير الصورةتصغير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
طريقة تفعيل و تشغيل نظام FaceBook Connect في أحلى المنتديات 23-06-21

ملاحظة هامة:
لحماية المعلومات الشخصية لكل عضو, فان الفيسبوك يعوض ايميل العضو الشخصي
بايميل بديل هو فقط عبارة عن تعريف للعضو خاص بموقع FaceBook ولا يصلح
لشيء آخر. على العضو اذا اراد التسجيل بإيميله الحقيقي على FaceBook أن
يعطي رخصة لأحلى منتدى للحصول عليه و ذلك بالنقر على رابط "تغيير" المقابل
للبريد الإلكتروني:

طريقة تفعيل و تشغيل نظام FaceBook Connect في أحلى المنتديات 23-06-22

و اختيار الإيميل الحقيقي الخاص به في اللائحة:

طريقة تفعيل و تشغيل نظام FaceBook Connect في أحلى المنتديات 23-06-23

بعد
النقر على زر "السماح" فسيقوم المنتدى بملإ البيانات الخاصة بالعضو بشكل
آلي (باستثناء حقل كلمة السر و الحقول الإضافية التي اضافها المدير و التي
لا يتوفر موقع FaceBook على معلوماتها). للعلم, ان لم يقم العضو بتغيير
الإيميل الإفتراضي الذي يضعه الفيسبوك لحماية الهوية بإيميله الحقيقي في
الائحة فلن يملأ المنتدى حقل الإيميل و سيتركه فارغاً ليملأه العضو يدوياً.



بعد التسجيل يؤكد العضو كلمة سره فيسجل في المنتدى بالشكل المعهود.

ب. تسجيل الدخول للمنتدى:

بعد أن يسجل العضو في المنتدى عبر نظام FaceBook Connect سيسهل عليه و بشكل رهيب عملية الدخول للمنتدى. وهناك حالتان:

1. اما ان يكون العضو قد سبق له ان دخل لحسابه على موقع FaceBook من نفس الكمبيوتر الذي يستعمله للدخول الى المنتدى:
ولم يسجل الخروج من حساب الفيسبوك رغم قفل الصفحة و المتصفح. في هذه
الحالة, و بعد النقر على زر الدخول للمنتدى و قبالة حقول بيانات التعريف,
سيظهر زر FaceBook Connect الذي يطلب من العضو استعمال رصيده في الموقع
العالمي للدخول الى المنتدى. ما ان ينقر عليه العضو, حتى يجد نفسه قد سجل
الدخول مباشرة للمنتدى بدون اي تعب او عناء او حاجة لتذكر كلمة سره او اسم
عضويته او ما شابه.

2. لم يسبق للعضو ان دخل لحسابه على موقع FaceBook من نفس الكمبيوتر الذي يستعمله للدخول الى المنتدى:
او سبق ان فعل لكنه سجل الخروج من حساب FaceBook الخاص به او حذف الكوكيز
و الكاش الخاص بمتصفحه. في هذه الحالة, و بعد النقر على زر الدخول للمنتدى
و قبالة حقول بيانات التعريف, سيظهر زر FaceBook Connect الذي يطلب من
العضو استعمال رصيده في الموقع العالمي للدخول الى المنتدى. ما ان ينقر
عليه العضو, حتى تظهر له نافذة تعريف الدخول الى FaceBook و ما ان يعين
بياناته فيها حتى يجد نفسه قد سجل الدخول مباشرة للمنتدى بدون اي تعب او
عناء او حاجة لتذكر كلمة سره او اسم عضويته او ما شابه.

ملاحظة هامة:
لإستعمال
نظام FaceBook Connect للدخول الى المنتدى لا بد للعضو اما ان يقوم
بالتسجيل في المنتدى عبر هذا النظام ان كان عضو جديد في المنتدى, او ان
يقرن حساب عضويته في المنتدى برصيده في FaceBook اذا كان عضو قديماً في
المنتدى.
كل من حاول استعمال نظام الدخول التلقائي FaceBook Connect
دون سابق التعريف بنفسه و قرن حسابه في الفيسبوك مع حسابه في المنتدى فلن
يتعرف عليه المنتدى و بالتالي سيحوله مباشرة الى صفحة التسجيل كعضو جديد مع
اعطائه رسالة الخطئ التالية:


تكبير الصورةتصغير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
طريقة تفعيل و تشغيل نظام FaceBook Connect في أحلى المنتديات 23-06-24



ت. انا عضو سابق في المنتدى قبل تجديد FaceBook Connect فكيف اقرن رصيدي في المنتدى برصيدي في الفيسبوك؟ :

العملية سهلة للغاية, يكفيك التوجه الى بياناتك الشخصية >> تفضيلات >> ربط حساب Facebook الخاص بي : ثم تضغط على زر FaceBook الخاص بالربط.


تكبير الصورةتصغير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
طريقة تفعيل و تشغيل نظام FaceBook Connect في أحلى المنتديات 23-06-25

ما
ان تنقر على الرابط حتى يتم ربط الحسابين معاً فيختفي زر الربط و يعوض
بالجملة: تم ربط حسابك في هذا المنتدى بحسابك على موقع Facebook


تكبير الصورةتصغير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
طريقة تفعيل و تشغيل نظام FaceBook Connect في أحلى المنتديات 23-06-26

انطلاقا من هنا, يظهر لك على بياناتك ركن جديد يمكنك استعماله لدعوة اصدقائك على موقع FaceBook للإلتحاق بالمنتدى و هو ركن : دعوة الأصدقاء على موقع Facebook


تكبير الصورةتصغير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
طريقة تفعيل و تشغيل نظام FaceBook Connect في أحلى المنتديات 23-06-27

4. سجلت في المنتدى عبر نظام Facebook Connect ولم اعد اريد ان يظهر رصيد Facebook الخاص بي و بياناتي على المنتدى, فمذا افعل؟

كل
عضو, سواء كان مديراً او عضواً عادياً سجل في المنتدى عبر خاصية Facebook
Connect تعطيه احلى منتدى الحق في حذف البيانات التي ارسلها موقع Facebook
الى المنتدى خلال التسجيل فيفصل بذبك بين رصيده في موقع Facebook و رصيده
في المنتدى. هته العملية لا تؤدي الى حذف رصيد العضو في المنتدى و لا تؤثر
اطلاقاً على رصيده فيه, فقط تقطع الإتصال بين بيانات رصيد Facebook للعضو و
رصيده على المنتدى الى ان يقرر من جديد دمجهما.

العملية سهلة, تدخل
على رصيدك في موقع Facebook ثم تتوجه الى العارضة اعلى يسار الشاشة و
تختار في لائحة "الحساب" الركن "اعدادات التطبيق":


تكبير الصورةتصغير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
طريقة تفعيل و تشغيل نظام FaceBook Connect في أحلى المنتديات 23-06-17

ثم تضغط بعد ذلك على زر الحذف x او التعديل كما تشاء


تكبير الصورةتصغير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
طريقة تفعيل و تشغيل نظام FaceBook Connect في أحلى المنتديات 23-06-18


و السلام Sad




طريقة تفعيل و تشغيل نظام FaceBook Connect في أحلى المنتديات Bayan10
ملاحظة هامة:
>> الأعضاء الذين اشترو حق تعديل التومبلايتات في منتداهم وقامو بتعديلها عليهم اجبارياً الإطلاع على هذه الملاحظة و القيام بالتغييرات و الإضافات المنصوص عليها فيها إذا كانو معنيين بالأمر و إلا فلن تعمل لديهم خاصية المرفقات.







الكود:


[center][color=violet][b]ملاحظة هامة تخص الأعضاء الذين اشترو حق تعديل التومبلايتات للمنتديات من نوع PHPbb2[/b]
[/color][/center]
[color=violet]
[b]1. التوبلايت overall_header_new:[/b]
 بالنسبة للأعضاء الذين اشترو حق تعديل التومبلايتات في منتدياتهم و قامو
بتعديل التومبلايت overall_header_new لا بد منهم ان يأخدو بعين الإعتبار
التغييرات التالية في التومبلايت المذكور لكي يستطيعو استعمال خاصية
FaceBook Connect. (الأعضاء الذين ليست لديهم خاصية تعديل التومبلايت أو لم
 يلمسو التومبلايت overall_header_new ليس لهم ان يقومو بهته العملية إذ ان
 التومبلايتات الأصلية لأحلى منتدى تتوفر أصلاً على هذا التغيير).

تدخل على لوحة الإدارة >> مظهر المنتدى >> التومبلايتات >> overall_header_new

تعوض الكود التالي:

[/color][color=violet]الرمز:[/color][color=violet]<html dir="{S_CONTENT_DIRECTION}" .... >[/color][color=violet]

بالكود الجديد التالي:

[/color][color=violet]الرمز:[/color][color=violet]<html
 dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}"
xml:lang="{L_LANG_HTML}"
xmlns:fb="http://www.facebook.com/2008/fbml">[/color][color=violet]

ثم تبحث عن السطر التالي:

[/color][color=violet]الرمز:[/color][color=violet]<script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>[/color][color=violet]

و تضع بعده مباشرة الكود التالي:

[/color][color=violet]الرمز:[/color][color=violet]<!-- BEGIN switch_fb_login -->
<script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js"></script>
<script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
<!-- END switch_fb_login -->[/color][color=violet]

[b]2. التوبلايت overall_footer:[/b]
  بالنسبة للأعضاء الذين اشترو حق تعديل التومبلايتات في منتدياتهم و قامو
بتعديل التومبلايت overall_footer لا بد منهم ان يأخدو بعين الإعتبار
التغييرات التالية في التومبلايت المذكور لكي يستطيعو استعمال خاصية
FaceBook Connect. (الأعضاء الذين ليست لديهم خاصية تعديل التومبلايت أو لم
 يلمسو التومبلايت overall_footer ليس لهم ان يقومو بهته العملية إذ ان
التومبلايتات الأصلية لأحلى منتدى تتوفر أصلاً على هذا التغيير).

تدخل على لوحة الإدارة >> مظهر المنتدى >> التومبلايتات >> overall_footer

تبحث عن الكود التالي:

[/color][color=violet]الرمز:[/color][color=violet]<script type="text/javascript">
//<![CDATA[
  fa_endpage();
//]]>
</script>[/color][color=violet]

و تضع قبله مباشرة الكود التالي:

[/color][color=violet]الرمز:[/color][color=violet]<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
  appId: '{switch_facebook_login.FACEBOOK_APP_ID}',
    status: true,
    cookie: true,
    xfbml: true
});
//]]>
</script>
<!-- END switch_facebook_login -->

<!-- BEGIN switch_facebook_logout -->
<script type="text/javascript">
//<![CDATA[
FB.Event.subscribe('auth.logout', function(response) {
  if ($('a#logout'))
  {
      var lien_redir = $('a#logout').attr('href');

      if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
      {
        document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
      }
  }
});

$(document).ready( function() {
  $('a#logout').click( function() {
      FB.logout();
  } );
} );
//]]>
</script>
<!-- END switch_facebook_logout -->[/color][color=violet]


[b]3. التوبلايت index_body:[/b]
  بالنسبة للأعضاء الذين اشترو حق تعديل التومبلايتات في منتدياتهم و قامو
بتعديل التومبلايت index_body لا بد منهم ان يأخدو بعين الإعتبار التغييرات
 التالية في التومبلايت المذكور لكي يستطيعو استعمال خاصية FaceBook
Connect. (الأعضاء الذين ليست لديهم خاصية تعديل التومبلايت أو لم يلمسو
التومبلايت index_body ليس لهم ان يقومو بهته العملية إذ ان التومبلايتات
الأصلية لأحلى منتدى تتوفر أصلاً على هذا التغيير).

تدخل على لوحة الإدارة >> مظهر المنتدى >> التومبلايتات >> index_body

تبحث عن الكود التالي:

[/color][color=violet]الرمز:[/color][color=violet]<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
  <tr>
      <td width="100%" valign="top" align="center" class="row1">
 
        <label><span
class="genmed">{L_USERNAME}:</span> <input class="post"
type="text" size="10" name="username" /></label>
       
<label><span class="genmed">{L_PASSWORD}:</span>
<input class="post" type="password" size="10" name="password"
/></label>
        {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />

 
        <label><span
class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio"
type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
 

      </td>
  </tr>
</table>
</form>
<!-- END switch_user_login_form_header -->[/color][color=violet]

بالكود الجديد التالي:

[/color][color=violet]الرمز:[/color][color=violet]<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
  <!-- BEGIN switch_fb_connect_no -->
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
        <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                    <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                    <span class="gensmall">{L_AUTO_LOGIN}</span>
                  </td>
              </tr>

              <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
 
                <td>{S_HIDDEN_FIELDS}<input class="mainoption"
 type="submit" name="login" value="{L_LOGIN}" /></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
  <!-- END switch_fb_connect_no -->

  <!-- BEGIN switch_fb_connect -->
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
        <td valign="top" width="100%"  class="row1" align="center">
            <table width="100%">
              <tr>
                  <td width="55%" valign="middle" align="right">
                    <table class="right">
                        <tr>
                          <td><span class="genmed">{L_USERNAME}:</span> </td>
                          <td><input class="post" type="text" size="10" name="username"/> </td>
                          <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span>
                          </td>
                        </tr>

                        <tr>
                          <td><span class="genmed">{L_PASSWORD}:</span> </td>
                          <td><input class="post" type="password" size="10" name="password"/> </td>
 
                          <td>{S_HIDDEN_FIELDS}<input
class="mainoption" type="submit" name="login" value="{L_LOGIN}"
/></td>
                        </tr>
                    </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                    <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
                  </td>
 
                <td width="35%"
class="align_gauche"><fb:login-button size="large"
onlogin="facebook_login()" v="2"
perms="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
  <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_header -->[/color][color=violet]

ثم عوض ايضاً كل الكود التالي:

[/color][color=violet]الرمز:[/color][color=violet]<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
  <tr>
      <td width="100%" valign="top" align="center" class="row1">
        <span class="genmed">{L_USERNAME}:</span>
        <input class="post" type="text" size="10" name="username"/>
        <span class="genmed">{L_PASSWORD}:</span>
        <input class="post" type="password" size="10" name="password"/>
        {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />

        <span class="gensmall">{L_AUTO_LOGIN}</span>
        <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
      </td>
  </tr>
</table>
</form>
<!-- END switch_user_login_form_footer -->[/color][color=violet]

بالكود الجديد التالي:

[/color][color=violet]الرمز:[/color][color=violet]<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
  <!-- BEGIN switch_fb_connect_no -->
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
        <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                    <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                    <span class="gensmall">{L_AUTO_LOGIN}</span>
                  </td>
              </tr>

              <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
 
                <td>{S_HIDDEN_FIELDS}<input class="mainoption"
 type="submit" name="login" value="{L_LOGIN}" /></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
  <!-- END switch_fb_connect_no -->

  <!-- BEGIN switch_fb_connect -->
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
        <td valign="top" width="100%"  class="row1" align="center">
            <table width="100%">
              <tr>
                  <td width="55%" valign="middle">
                    <table class="right">
                        <tr>
                          <td><span class="genmed">{L_USERNAME}:</span> </td>
                          <td><input class="post" type="text" size="10" name="username"/> </td>
                          <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span>
                          </td>
                        </tr>

                        <tr>
                          <td><span class="genmed">{L_PASSWORD}:</span> </td>
                          <td><input class="post" type="password" size="10" name="password"/> </td>
 
                          <td>{S_HIDDEN_FIELDS}<input
class="mainoption" type="submit" name="login" value="{L_LOGIN}"
/></td>
                        </tr>
                    </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                    <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
                  </td>
 
                <td width="35%"
class="align_gauche"><fb:login-button size="large"
onlogin="facebook_login()" v="2"
perms="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
  <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_footer -->[/color][color=violet]

ثم في آخر التومبلايت, قم باضافة الكود التالي:

[/color][color=violet]الرمز:[/color][color=violet]<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
  appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
    status: true,
    cookie: true,
    xfbml: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->[/color][color=violet]


[b]4. التوبلايت profile_add_body:[/b]
  بالنسبة للأعضاء الذين اشترو حق تعديل التومبلايتات في منتدياتهم و قامو
بتعديل التومبلايت profile_add_body لا بد منهم ان يأخدو بعين الإعتبار
التغييرات التالية في التومبلايت المذكور لكي يستطيعو استعمال خاصية
FaceBook Connect. (الأعضاء الذين ليست لديهم خاصية تعديل التومبلايت أو لم
 يلمسو التومبلايت profile_add_body ليس لهم ان يقومو بهته العملية إذ ان
التومبلايتات الأصلية لأحلى منتدى تتوفر أصلاً على هذا التغيير).

تدخل على لوحة الإدارة >> مظهر المنتدى >> التومبلايتات >> profile_add_body

اضف الكود التالي في بداية التومبلايت:


[/color][color=violet]الرمز:[/color][color=violet]<script type="text/javascript" src="{JSPWD}"></script>[/color][color=violet]

ثم قم بالبحث عن الكود التالي:

[/color][color=violet]الرمز:[/color][color=violet]<tr>
  <td class="row1"><span class="gen">{L_NEW_PASSWORD} : *</span>
<span class="gensmall">{L_PASSWORD_IF_CHANGED}</span></td>
 
 <td class="row2"><input class="post" type="password"
name="new_password" value="{NEW_PASSWORD}" size="25" maxlength="25"
/></td>
</tr>[/color][color=violet]

و قم يتعويضه كلياً بالكود الجديد التالي:

[/color][color=violet]الرمز:[/color][color=violet]<tr>
    <td class="row1"><span class="gen">{L_NEW_PASSWORD} : *</span>
<span class="gensmall">{L_PASSWORD_IF_CHANGED}</span></td>
    <td class="row2">
      <input class="post left" type="password" name="new_password" value="{NEW_PASSWORD}" size="25" maxlength="25" />
      <div id="cont_pwd">
        <div class="pwd_img" id="pwd_bad" >{BAD_LEVEL_PWD}</div>
        <div class="pwd_img" id="pwd_middle" >{GOOD_LEVEL_PWD}</div>
        <div class="pwd_img" id="pwd_good" >{STRONG_LEVEL_PWD}</div>
          </div>
  </td>
</tr>[/color][color=violet]

بعد ذلك ابحث عن الكود:

[/color][color=violet]الرمز:[/color][color=violet]<!-- END switch_profile_advanced -->[/color][color=violet]

وضع مباشرة بعده الكود التكميلي التالي:

[/color][color=violet]الرمز:[/color][color=violet]<!-- BEGIN switch_fb_connect -->
  <tr>
 
    <td class="row1 fb"><span
class="gen">{switch_preferences_menu.switch_fb_connect.L_FB_LINK_ACCOUNT}
 :</span></td>
      <td class="row2 fb" width="400">
        <!-- BEGIN switch_fb_account_linked -->
 
        <span
class="gen">{switch_preferences_menu.switch_fb_connect.switch_fb_account_linked.L_FB_ACCOUNT_LINKED}</span>
        <!-- END switch_fb_account_linked -->
        <!-- BEGIN switch_fb_account_not_linked -->
 
        <fb:login-button size="medium" onlogin="facebook_link()"
v="2">{switch_preferences_menu.switch_fb_connect.switch_fb_account_not_linked.L_FB_LOGIN_BUTTON}</fb:login-button>
        <!-- END switch_fb_account_not_linked -->
      </td>
  </tr>
  <!-- END switch_fb_connect -->[/color]


و أخيراً, اضف في آخر التومبلايت, الكود التالي:

الرمز:
الكود:

[color=violet]<script type="text/javascript">
$('input[name=reset]').click(function(){
  $("#pwd_good,#pwd_middle,#pwd_bad").hide();

});

$('input[name=new_password],input[name=username]').keyup(function() {

  if ( $('input[name=new_password]').val() != "" )
  {
      var level = passwordStrength($('input[name=new_password]').val(),$('input[name=username]').val());

      switch(level)
      {
        case 'bad' :
            $("#pwd_middle,#pwd_good").hide();
            $("#pwd_bad").show();
            break;

        case 'good' :
            $("#pwd_good,#pwd_bad").hide();
            $("#pwd_middle").show();
            break;

        case 'strong' :
            $("#pwd_middle,#pwd_bad").hide();
            $("#pwd_good").show();
            break;
      }
  }
  else
  {
      $("#pwd_middle,#pwd_good,#pwd_bad").hide();
  }
});
</script>
<!-- BEGIN switch_preferences_menu -->
<!-- BEGIN switch_fb_connect -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
  appId: '{switch_preferences_menu.switch_fb_connect.FACEBOOK_APP_ID}',
    status: true,
    cookie: true,
    xfbml: true
});
//]]>
</script>
<!-- END switch_fb_connect -->
<!-- END switch_preferences_menu -->[/color][color=violet]


[/color]
الكود:

[center][color=violet][b][b]ملاحظة هامة تخص الأعضاء الذين اشترو حق تعديل التومبلايتات للمنتديات من نوع PunBB[/b][/b]
[/color][/center]
[color=violet]

[b]1. التوبلايت overall_header_new:[/b]
 بالنسبة للأعضاء الذين اشترو حق تعديل التومبلايتات في منتدياتهم و قامو
بتعديل التومبلايت overall_header لا بد منهم ان يأخدو بعين الإعتبار
التغييرات التالية في التومبلايت المذكور لكي يستطيعو استعمال خاصية
FaceBook Connect. (الأعضاء الذين ليست لديهم خاصية تعديل التومبلايت أو لم
 يلمسو التومبلايت overall_header_new ليس لهم ان يقومو بهته العملية إذ ان
 التومبلايتات الأصلية لأحلى منتدى تتوفر أصلاً على هذا التغيير).

تدخل على لوحة الإدارة >> مظهر المنتدى >> التومبلايتات >> overall_header_new

قم بتغيير الكود التالي:

[/color][color=violet]الرمز:[/color][color=violet]<html dir="{S_CONTENT_DIRECTION}" .... >[/color][color=violet]

بالكود الجديد التالي:

[/color][color=violet]الرمز:[/color][color=violet]<html
 id="min-width"  xmlns:fb="http://www.facebook.com/2008/fbml"
xml:lang="{L_LANG_HTML}" lang="{L_LANG_HTML}"
dir="{S_CONTENT_DIRECTION}">[/color][color=violet]

ثم ابحث عن السطر التالي:

[/color][color=violet]الرمز:[/color][color=violet]<script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>[/color][color=violet]

وضع بعده مباشرة الكود التالي:

[/color][color=violet]الرمز:[/color][color=violet]<!-- BEGIN switch_fb_login -->
<script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js"></script>
<script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
<!-- END switch_fb_login -->[/color]
[color=violet]

[b]2. التوبلايت overall_footer:[/b]
 بالنسبة للأعضاء الذين اشترو حق تعديل التومبلايتات في منتدياتهم و قامو
بتعديل التومبلايت overall_footer لا بد منهم ان يأخدو بعين الإعتبار
التغييرات التالية في التومبلايت المذكور لكي يستطيعو استعمال خاصية
FaceBook Connect. (الأعضاء الذين ليست لديهم خاصية تعديل التومبلايت أو لم
 يلمسو التومبلايت overall_footer ليس لهم ان يقومو بهته العملية إذ ان
التومبلايتات الأصلية لأحلى منتدى تتوفر أصلاً على هذا التغيير).

تدخل على لوحة الإدارة >> مظهر المنتدى >> التومبلايتات >> overall_footer

ابحث عن الكود التالي:


[/color][color=violet]الرمز:[/color][color=violet]<script type="text/javascript">
//<![CDATA[
  fa_endpage();
//]]>
</script>[/color][color=violet]

وضع قبله مباشرة الكود التكميلي التالي:

[/color][color=violet]الرمز:[/color][color=violet]<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
  appId: '{switch_facebook_login.FACEBOOK_APP_ID}',
    status: true,
    cookie: true,
    xfbml: true
});
//]]>
</script>
<!-- END switch_facebook_login -->

<!-- BEGIN switch_facebook_logout -->
<script type="text/javascript">
//<![CDATA[
FB.Event.subscribe('auth.logout', function(response) {
  if ($('a#logout'))
  {
      var lien_redir = $('a#logout').attr('href');

      if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
      {
        document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
      }
  }
});

$(document).ready( function() {
  $('a#logout').click( function() {
      FB.logout();
  } );
} );
//]]>
</script>
<!-- END switch_facebook_logout -->[/color][color=violet]


[b]3. التوبلايت index_body:[/b]
 بالنسبة للأعضاء الذين اشترو حق تعديل التومبلايتات في منتدياتهم و قامو
بتعديل التومبلايت index_body لا بد منهم ان يأخدو بعين الإعتبار التغييرات
 التالية في التومبلايت المذكور لكي يستطيعو استعمال خاصية FaceBook
Connect. (الأعضاء الذين ليست لديهم خاصية تعديل التومبلايت أو لم يلمسو
التومبلايت index_body ليس لهم ان يقومو بهته العملية إذ ان التومبلايتات
الأصلية لأحلى منتدى تتوفر أصلاً على هذا التغيير).

تدخل على لوحة الإدارة >> مظهر المنتدى >> التومبلايتات >> index_body

قم بتعويض الكود التالي:


[/color][color=violet]الرمز:[/color][color=violet]<!-- BEGIN switch_user_login_form_header -->
<div class="main">
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
  <div class="user_login_form main-box center">
 
    <label><span class="genmed">{L_USERNAME} :</span>
 <input class="post" type="text" size="10" name="username"
/></label> 
      <label><span
class="genmed">{L_PASSWORD} :</span> <input class="post"
type="password" size="10" name="password" /></label> 
   
 <label><span class="gensmall">{L_AUTO_LOGIN}</span>
<input class="radio" type="checkbox" name="autologin"
{AUTOLOGIN_CHECKED} /></label> 
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
  </div>
</form>
</div>
<!-- END switch_user_login_form_header -->[/color][color=violet]

بالكود الجديد التالي:

[/color][color=violet]الرمز:[/color][color=violet]<!-- BEGIN switch_user_login_form_header -->
<div class="main">
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
  <div class="user_login_form main-box center">
 
    <label><span class="genmed">{L_USERNAME} :</span>
 <input class="post" type="text" size="10" name="username"
/></label> 
      <label><span
class="genmed">{L_PASSWORD} :</span> <input class="post"
type="password" size="10" name="password" /></label> 
   
 <label><span class="gensmall">{L_AUTO_LOGIN}</span>
<input class="radio" type="checkbox" name="autologin"
{AUTOLOGIN_CHECKED} /></label> 
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
      <!-- BEGIN switch_fb_connect -->
      <span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
 
    <fb:login-button size="large" onlogin="facebook_login()" v="2"
perms="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
      <!-- END switch_fb_connect -->
  </div>
</form>
</div>
<!-- END switch_user_login_form_header -->[/color][color=violet]

و ايضا قم بتعويض التالي:

[/color][color=violet]الرمز:[/color][color=violet]<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
  <div class="user_login_form main-box center">
 
    <label><span class="genmed">{L_USERNAME} :</span>
 <input class="post" type="text" size="10"
name="username"/></label> 
      <label><span
class="genmed">{L_PASSWORD} :</span> <input class="post"
type="password" size="10" name="password"/></label> 
     
<label><span class="gensmall">{L_AUTO_LOGIN}</span>
<input class="radio" type="checkbox" name="autologin"
{AUTOLOGIN_CHECKED} /></label> 
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
  </div>
</form>
<!-- END switch_user_login_form_footer -->[/color][color=violet]

بالكود التاجديد التالي:

[/color][color=violet]الرمز:[/color][color=violet]<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
  <div class="user_login_form main-box center">
 
    <label><span class="genmed">{L_USERNAME} :</span>
 <input class="post" type="text" size="10"
name="username"/></label> 
      <label><span
class="genmed">{L_PASSWORD} :</span> <input class="post"
type="password" size="10" name="password"/></label> 
     
<label><span class="gensmall">{L_AUTO_LOGIN}</span>
<input class="radio" type="checkbox" name="autologin"
{AUTOLOGIN_CHECKED} /></label> 
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
      <!-- BEGIN switch_fb_connect -->
      <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
 
    <fb:login-button size="large" onlogin="facebook_login()" v="2"
perms="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
      <!-- END switch_fb_connect -->
  </div>
</form>
<!-- END switch_user_login_form_footer -->[/color][color=violet]

ثم في آخر التومبلايت, اضف الكود التكميلي التالي:

[/color][color=violet]الرمز:[/color][color=violet]<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
  appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
    status: true,
    cookie: true,
    xfbml: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->[/color][color=violet]
[/color]

الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://myegyy2.yoo7.com
 
طريقة تفعيل و تشغيل نظام FaceBook Connect في أحلى المنتديات
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» طريقة تفعيل و تشغيل نظام FaceBook Connect في أحلى المنتديات
» طريقة عمل صور خاصه لموضوع جديد-بحث-rss امام وصف المنتديات كما الفي بي
» عملاق تشغيل الصوتيات الاول بلا منافس Winamp 5.62 Build 3159 في اخر اصدار + السريال علي اكثر من سيرفر مباشر
» طريقة لوضع الازرار على الواجهه
» "شرح" طريقة معرفة البيج رانك الخاص بمنتداك

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
 :: ][§¤°^°¤§][][منتدى تطوير المواقع][§¤°^°¤§][][ :: أكواد التومبلايت-
انتقل الى: