ESO
10-11-11, 02:18 AM
السلام عليكم ورحمة الله وبركاته
اليوم نقدم لكم إضافة رائعة لمطورى المواقع ادة الفيس بوكس كثيرا ما نجد هذه الأداة فى موقع الفيس بوك
حيث انه يمكنك فتح صفحة html فى ذالك الإطار الشفاف مثلا عمل صفحة تسجيل دخول او صفحة تسجيل الأعضاء
ايضا من الممكن استخدامها فى تعديل اجزاء من الصفحة بفتح صفحة تحرير ادخل على الفيس بوك وشوف هذه الإضافة مستعملة بشكل رائع
تميز هذه الإضافة بخصائص رائعة يمكن لاى شخص اضافتها لموقعة
طريقة تركيب هذه الإضافة
لقد قمت بتعديل الملفات التى يتم من خلالها عمل الأداة بشكل سليم
لان المثال الذى يتم تحميله من موقع الإضافة غير مناسب او غير معد
بطريقة سليمة
لقد ارفقت لكم الإضافة بالملفات الازمة للتركيب وسهلت لكم طريقة تركيبها
- ارفع مجلد الإضافة الى موقعك فى المجلد الرئيسى للسكريبت او الموقع
- تاكد من ادراج هذه الملفات داخل الصفحة التى تستعمل فيها الأداة
<script src="jquery.js" type="text/javascript"></script>
<link href="/facebox/facebox.css" media="screen" rel="stylesheet" type="text/css"/>
<script src="/facebox/facebox.js" type="text/javascript"></script
بعض الأمثلة على الإضافة
لفتح صورة داخل الفيس بوكس نستعمل هذا الكود
The Code
<a href="stairs.jpg" rel="facebox">text </a>
لاظهار تعليمات مكتوبة داخل لير كما فى المثال هنـــــــــــــــــــــــ ــــــا
طريقة عمل هذا المثال يتطلب وضع المعلومات داخل div لير وهذاللير ياخذ id
ثم نربط اللينك بــ id الخاص باللير
شاهد الكود التالى
http://a.imageshack.us/img201/6933/20100825080939.jpg
ثم ننشىء ارتباط باللير بالكود التالى
<a href="#info" rel="facebox"> text div</a>
يمكك استعمال class css مع رابط الديف
مثال الكود التالى
http://a.imageshack.us/img831/7923/20100825090805.jpg
ويكون كود الرابط بالشكل التالى
Code
<a href="#info" rel="facebox[.bolder]"> text div</a>
الخاصيه الأخيرة
والمهمة فى هذا الموضوع فتح صفحة html داخل إطار الفيس بوكس
شاهد المثال اولا ادراج صفحة عبارة عن مركز رفع صور ايمج شاك
فى هذا المثال تقوم بانشاء صفحة عاديه وتضعها معا صفحات موقعك
ثم تضع مسارها فى الرابط كما فى الكود التالى
The Code
<a href="remote.html" rel="facebox[.bolder]">text</a>
او يمكنك المثال بهذه الطريقة شاهد المثال
<a href="remote.html" rel="facebox">text</a>
اتمنى ان اكون وفقت فى شرح الأضافة
للأستفسار عن اى شىء فى الأضافة ما تتأخروى
الشرح و المجهود للأخ / العقل المفكر .
لتحميل من هنا (http://www.mediafire.com/?0mv5ihbeobccj0b)
مجدد الرفع بواسطتي بتاريخ 11 / 10 / 2011
كلمة سر فك الضغط مرفقة
اليوم نقدم لكم إضافة رائعة لمطورى المواقع ادة الفيس بوكس كثيرا ما نجد هذه الأداة فى موقع الفيس بوك
حيث انه يمكنك فتح صفحة html فى ذالك الإطار الشفاف مثلا عمل صفحة تسجيل دخول او صفحة تسجيل الأعضاء
ايضا من الممكن استخدامها فى تعديل اجزاء من الصفحة بفتح صفحة تحرير ادخل على الفيس بوك وشوف هذه الإضافة مستعملة بشكل رائع
تميز هذه الإضافة بخصائص رائعة يمكن لاى شخص اضافتها لموقعة
طريقة تركيب هذه الإضافة
لقد قمت بتعديل الملفات التى يتم من خلالها عمل الأداة بشكل سليم
لان المثال الذى يتم تحميله من موقع الإضافة غير مناسب او غير معد
بطريقة سليمة
لقد ارفقت لكم الإضافة بالملفات الازمة للتركيب وسهلت لكم طريقة تركيبها
- ارفع مجلد الإضافة الى موقعك فى المجلد الرئيسى للسكريبت او الموقع
- تاكد من ادراج هذه الملفات داخل الصفحة التى تستعمل فيها الأداة
<script src="jquery.js" type="text/javascript"></script>
<link href="/facebox/facebox.css" media="screen" rel="stylesheet" type="text/css"/>
<script src="/facebox/facebox.js" type="text/javascript"></script
بعض الأمثلة على الإضافة
لفتح صورة داخل الفيس بوكس نستعمل هذا الكود
The Code
<a href="stairs.jpg" rel="facebox">text </a>
لاظهار تعليمات مكتوبة داخل لير كما فى المثال هنـــــــــــــــــــــــ ــــــا
طريقة عمل هذا المثال يتطلب وضع المعلومات داخل div لير وهذاللير ياخذ id
ثم نربط اللينك بــ id الخاص باللير
شاهد الكود التالى
http://a.imageshack.us/img201/6933/20100825080939.jpg
ثم ننشىء ارتباط باللير بالكود التالى
<a href="#info" rel="facebox"> text div</a>
يمكك استعمال class css مع رابط الديف
مثال الكود التالى
http://a.imageshack.us/img831/7923/20100825090805.jpg
ويكون كود الرابط بالشكل التالى
Code
<a href="#info" rel="facebox[.bolder]"> text div</a>
الخاصيه الأخيرة
والمهمة فى هذا الموضوع فتح صفحة html داخل إطار الفيس بوكس
شاهد المثال اولا ادراج صفحة عبارة عن مركز رفع صور ايمج شاك
فى هذا المثال تقوم بانشاء صفحة عاديه وتضعها معا صفحات موقعك
ثم تضع مسارها فى الرابط كما فى الكود التالى
The Code
<a href="remote.html" rel="facebox[.bolder]">text</a>
او يمكنك المثال بهذه الطريقة شاهد المثال
<a href="remote.html" rel="facebox">text</a>
اتمنى ان اكون وفقت فى شرح الأضافة
للأستفسار عن اى شىء فى الأضافة ما تتأخروى
الشرح و المجهود للأخ / العقل المفكر .
لتحميل من هنا (http://www.mediafire.com/?0mv5ihbeobccj0b)
مجدد الرفع بواسطتي بتاريخ 11 / 10 / 2011
كلمة سر فك الضغط مرفقة