الصفحة الرئيسية >> الدروس >> دروس بناء المواقع >> دروس تقنية تهمك في بناء موقعك ! >>
نافذة الماسنجر .. مساحة إعلانية جديدة في موقعك !
قد لايتضح
المقصود من العنوان .. لذلك قم
بالضغط هنا .. وشاهد النافذة التي تخرج في الجزء
الأيسر السفلي من الصفحة
.. في درسنا هذا .. نشرح لكم طريقة عمل مثل هذه النافذة
.. فإلى الدرس
..
|
اضــــغـــط هـــــنــــــا لـــتــحـــمـــيـــل الــســكـــربــــت |
|
حجم البرنامج : 10.8 KB |
اترككم الآن مع
الشرح
..![]()
|
|
أولاً .. قم بفتح الملف المضغوط
الذي قمت بتحميله قبل قليل .. ستجد فيه ثلاثة ملفات .. وهي : 1- code.txt ( وفيه الكود الذي تضعه في صفحتك ) 2- msn.gif ( وهي الصورة التي تظهر أسفل يسار الصفحة ) 3- staticlogo.js ( وهو الملف الذي تقوم بالتعديلات عليه بما يتناسب مع موقعك )
|
![]() |
||||
|
|
||||||
|
|
قم بفتح ملف
code.txt
ثم انسخ الكود الموجود فيه .. ثم افتح برنامج
الفرنت بيج
.. ومن قائمة : أدوات >> مكوّن ويب
|
![]() |
||||
|
|
بعد ذلك ستظهر لك نافذة ..
طبّق عليها مافي الصورة التالية . ثم أضغط على زر ( إنهاء ) . |
![]() |
||||
|
|
بعد ذلك ستظهر لك نافذة فيها
مساحةٌ خاصة لوضع النص فيها .. قم بلصق الكود فيها
ثم اضغط على زر ( موافق ) |
![]() |
||||
|
|
بعد ذلك قم بنقل ملف
msn.gif
وملف
staticlogo.js
إلى
نفس المجلد الذي يحوي الصفحة التي
وضعت فيها الكود قبل قليل
. مثال توضيحي : قـُمتَ بتنفيذ الخطوات السابقة .. وبعد أن ادرجت الكود في صفحتك .. قمت بحفظها في مجلد My .. فعليك الآن أن تنقل ملف msn.gif وملف staticlogo.js إلى مجلد My . |
|||||
|
|
قم بفتح ملف
staticlogo.js
بواسطة برنامج المفكرة .. .. ستجد فيه الكود التالي :
( قم بتغيير النصوص الملونة
باللون الأحمر لما يناسبك )
( النصوص الملونة باللون
البنفسجي هي شرح للمراد تغييره وهي ليست موجودة في الملف .. انما انا قمت
بإضافتها هنا )
|
|||||
|
بعد ان تنتهي من عمل التعديلات
في ملف
staticlogo.js
.. قم برفع الثلاث ملفات إلى موقعك مع الصفحة التي قمت بوضع الكود فيها .. ثم
اذهب وشاهدها .. ستجد نافذة الماسنجر تظهر اسفل يسار الصفحة !
لكن .. قد تسأل وتقول .. كيف أقوم بصنع تصميم خاص مثل هذا :
لمعرفة ذلك .. اتجه إلى
درس [ طريقة صنع
نافذة الماسنجر ! ] في قسم دروس التصميم
|
||||||
|
أعلى الصفحة
|
||||||
انتهى الدرس
|
كاتب الدرس / ابو ريناز |
|
|
الإستفسارات التي وصلتني على الإيميل : - |
|
|
لايوجد استفسارات .. |
|
جــــمـــــ الحقوق محفوظة ــــــيـع لـ موسوعة ابو ريناز للدروس التقنية ©