المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : تعلم كيف تقوم بتعديل القوالب الجاهزة لتخدم مصلحتك


Xacker
03-04-2003, 04:42 PM
انقر لتحميل برنامج Swf Scanner 2.6 (http://www.absba.com/modules.php?name=Downloads&d_op=getit&lid=1318)

-الموضوع جواب لسؤال الاخ ashrfman الموجود بالرابط وقد وضعته في موضوع جديد لتعم الفائدة-
(http://www.absba.org/vb/showthread.php?s=&threadid=44199&pagenumber=1)
رابط القالب (http://www.webtemplateszone.com/templates/656/index.htm)

سورري اخوي على التاخير والسبب كله من المتصفح اللي طير عقلي بتنزيل اصغر البرامج حتى (ابعتلك ياه تعمله فرك دان خخخخ)

بدانا الشرح:
لمن اراد الحصول على الستايل الموجود في الرابط قم بما يلي:
زر الصفحة وبعد الانتهاء من تحميل كل شي قم بالنقر على قائمة file من المتصفح واختر save as حدد مكان الحفظ مثلا سطح المكتب على كيفك
هيك بتكون حصلت على الستايل بدون الفلاشات فيه
للحصول على الفلاشات قم بالنقر على قائمة ابدا واعمل بحث عن الملفات التالية في c:
goldrustmenu[1].swf
goldrustmusic[1].swf
goldrustspark[1].swf
بس لقيتم اعمل نسخ للكل واحفظهم على سطح المكتب (في المكان الموجودة فيه صفحة الموقع واللي حيكون اسمها Untitled Document.htm بعد ما تلصقهم مع الصفحة هذه قم بتغيير الاسماء فقط بحذف [1] يعني مثلا الملف الاول حيصير goldrustmenu.swf
هلق كله تمام صار الستايل عندك
نبدا التعديل
في البداية نود ان نقوم بتعديل الروابط اوكيه نزل برنامج swf scanner
وقم بادخال معلومات التسجيل:
الاسم: ashrfman
العمر اوبس صح مفيش خخخ
الرقم: SCN-115102114856980-z101z113-00000
وللبقية اللي بيحبووا يكون كلشي مسجل باسمهم هههه استخدموا شي حيادي
absba.org
SCN-108119116856980-s45z96-00000
واخيرا وليس اخرا المعقدين وبحبوا يكون عندهم الكراك بتقدروا تحصلوا على ال keygen من شبكة
www.andr.net
عند تسجيل البرنامج سيتم اغلاقه لياخذ التسجيل مجراه افتحه من جديد
هلق قم بالنقر على المجلد الاصفر الى اليسار واختر ملف goldrustmusic.swf وافتحه
رح يظهر 3 اختيارات في النافذة المسماة Object library
هي

Actions (12)
Buttons (1)
Sounds (1)
Movie Object (ID:1)
Movie Object (ID:2)
Movie Object (ID:3)
Movie Object (ID:4)
Movie Object (ID:5)
Movie Object (ID:6)

اعمل نقرة على الزائد بجانب actions (12) ثم نقرة على اول سطر يظهر وهو
Button Defined at Frame[0]
في النافذة التي تظهر في الوسط كبرها عشان توضح
هلق في نفس تلك النافذة من الازرار الموجودة فيها انقر على الزر الازرق الثاني A5 عشان نحول الشفرة الى كود فلاش 5 لتظهر الشفرة كما يلي:

on (mouseMove) {
getURL ("index.htm" , Target = "");
// END Action Script
}

هذا الامر هو عند نقر الماوس على الزر في القائمة المسمى home يقوم بنقلك الى الصفحة المسماة index.html
وبفرض صفحتك اسمها home.htm فقم بعمل التعديل التالي في الكود:

on (mouseMove) {
getURL ("home.htm" , Target = "");
// END Action Script
}

هلق بنلاحظ خيار جديد وهو target="" هيدا بحدد وين تنعرض الصفحة عند فتحها وبيملك القيم

_self
_blank
_parent
_top

الاهم هم القيمتين الاولى والثانية
_self يقوم بعرض الصفحة في نفس الصفحة الحالية
اما
_blank بيعرضها بصفحة جديدة اذا مثلا بدك تعرض رابط لموقع اخر وعشان تخلي الزائر بموقعك كمان فاستخدم هيدا هيك ما بتخسر الزائر
المهم اختر على كيفك من الخيارين هدول اذا بدك تعرض بنفس الصفحة اتركه فاضي target=""
او اكتب target=_self"
واذا بصفحة جديدة
target="_blank"
الان انتقل الى الخيار الذي يليه
Button Defined at Frame[1] مرة اخرى انقر على A5

on (mouseMove) {
getURL ("index.htm" , Target = "");
// END Action Script
}

وقم بتغييره كما الكود الاول لانه نفس الكود مش فاهم ليش مكرر
الخيار الثالث:

on (mouseMove) {
getURL ("about.htm" , Target = "");
// END Action Script
}

بنفس الطريقة السابقة تماما
واللي بعده نفسه عن صفحة about.htm وهيك رح تلاقي للاخير فانتبه عند التغيير
الان من قائمة Images (1) انقر على + ثم انقر على الخيار الوحيد ترى الصورة المستخدمة للقائمة سالتني ان كان بامكانك الزيادة في عدد الازرار نعم يمكنك قم بالنقر بالزر اليمين على الصورة واختر save as jpeg واحفظ الصورة في جهازك ثم عدلها بواسطة برنامج غرافيكس بعد الانتهاء قم بالنقر على الصورة مرة اخرى واختر replace image ثم browse وبعد تحديد الصورة المعدلة انقر replace and save هيك بيزيد عدد الازرار (طبعا انت قص ولصق وشوية تعديل ببرنامج الغرافيكس عشان تضيف الزر الجديد)
بس الفكرة وين ؟ الفكرة انه ما بتقدر تضيف الاكواد لهدول الازرار فانسى الفكرة بس حبيت وضحلك هالخاصة ببرنامج swf scanner
خلاص بس انتهيت من تعديل الروابط قم بالنقر على ايقونة القرص المرن الى اليسار واحفظ العرض فوق الملف نفسه
هلق اخر شي وضحه بهيدا البرنامج انك بتقدر تغير من خصائص الفلاش متل عرضه وارتفاعه وذلك من قائمة tools -> edit movie properties
الخيار الموجود فيها المسة frame اتركه متل ما هو احسن ما تنزع الفلاش لانه بحدد سرعة الفريمات بالعرض
بعد الانتهاء اعلق البرنامج بامان لتنتهي معه مهمة تعديل القائمة قدر الامكان
لاجيب عن اسئلتك الان:
"هل يمكننى وضع صو داخل اي موضوع" اي موضوع بتقصد ؟ يعني بالصفحة او داخل الفلاش حدد
اذا بالفلاش تقدر تستبدل شكل القائمة متل ما وضحت
اما في الصفحة بتقدر بكل بساطة تضيف صور بواسطة كود img على الشكل:

<img src="المسار الى الصورة" border=0 alt="">

وكمثال على ذلك:

<img src="http://www.absba.org/vb/images/vBulletin_lo.gif" border=0 alt="منتديات المشاغب">

شرح الكود: img لتعريف الكود على انه معرف اضافة صورة
src="" لتحديد المسار الى الصورة مثلا كما وضحت بالكود السابق او مثلا src="images/pic.jpg" اذا ما بدك تحط المسار كامل وكانت الصورة على موقعك
border=0 اذا بتشوف الصورة الموجودة باعلى المنتدى الخاصة بمنتديات المشاغب بتلاقي بانها رابط صح الروابط عادة بيكون تحتها خط هالشي مش حيكون نفسه للصور لكن يظهر اطار حولها اذا كانت رابط والخاصة border=0 بتزيله يعني اركز للموقع بدون رابط حول الصورة صح ;)
الخاصة a;t="" تحدد الكلام الذي يظهر عند وقوف الماوس فوق الصورة جرب وحط الماوس فوق الصورة في اعلى الصفحة هلق بتلاقي جملة "منتديات المشاغب"
نهاية كود الصورة يجب ان يكون بين معرفي الجسم <body> و </body>
"يمكننى إضافة لينكتت زيادة بنفس شكل اللينكات للجاهزة" اجيب عليه
"وكيف اضع مواضيعى داخل الصفحات" اكيد بكود html استخدم الفرونت بيج ان كنت مبتدا html لفتح الملف Untitled Document.htm والتعديل فيه حسب حاجتك ارجو ان توضح لي سؤالك لم يكن جوابي واضحا
"وكيف اضع لينك داخل اي صفحة ليذهب لصفحة جديدة" كود اللينك هو a href ويكون بالشكل:

<a href="المسار الى الصفحة الجديدة" target="">انقر هنا للانتقال الى صفحة الصور</a>

وكمثال على ذلك

<a href="images/pics.htm" target="">انقر هنا</a>

الشرح للكود:
a للتعريف على انه كود رابط تشعبي 'anchor'
href="images/pics.htm" يحدد المسار الى الصفحة هنا كانت الصفحة موجودة في المجلد المسمى images وهي باسم pics.htm لو اردت الرابط لتحميل ملف يكفي استبدال المسار بمسار الملف مثلا href="downloads/file.zip"
target="" شرحتها من قبل لكن هنا في ال html تاخذ 3 خيارات فقط اثنان هما اللذان تحدثت عنهما من قبل والاخر الجديد هو ان استخدمت الاطارات العائمة في صفحتك (الاطارات العائمة هي الصفحات التي تجد بداخلها ما يشبه صفحة اخرى كمثال على ذلك حمل الملف التالي يحوي مجموعة صفحات كتبتها للاخت شيماء المصرية www.geocities.com/loadkill/frame.zip للتحميل نقرة يمين وحفظ باسم عند فتحك ملف index.html تجد روابط في الاعلى عند النقر على احدها يتغير مختوى الصفحة التي توجد تحته فقط دون تغير الصفحة الاصلية والسبب انني استخدمت اطارا عائما في الصفحة قم بتحرير الملفات بالفرونت بيج لترى كود الصفحة وكود الاطار العائم iframe)
اعتقد ستضطر الى استخدامه في حال اردت عرض صفحاتك في الصفحة الرئيسة لكن دون ان تختفي القائمة في هذه الحال اعلمني بذلك كي اوضح لك الكيفية لانك ستضظر الى استخدام خاصة خرى في القائمة الفلاشية الى جانب -self
_blank
_top
_parent
وهي قيمة تحددها بنفسك "راجع الملف الذي ارفقته حول الاطارات العائمة واقراه لترى القيمة الجديدة التي حددتها"
اتمنى ان اكون قد وفقت في الشرح واي استفسار انا جاهز

شيخه
03-04-2003, 07:39 PM
مشكوووووووووووور على الشرح الرائع يا أخوي Fatal-Terror








تحياتي
شيخه

Xacker
03-04-2003, 08:31 PM
على الرحب اختي

هديل
03-04-2003, 10:20 PM
شرح اكثر من رائع اخى Fatal-Terror

Geosemsem
04-04-2003, 02:51 AM
ألف ألف شكر أخي الكريم Fatal-Terror..

جزاك الله كل خيـر..

تحياتــي وبالتوفيــق.. :) :)

braxa
04-04-2003, 10:45 AM
ما تصدق صار لي مدة وانا ادور على شرح للبرنامج ...
مشكوووووور اخوي ...
شرح اكثر من رائع ...

Xacker
04-04-2003, 02:00 PM
على الرحب جميعا :)

ashrafman
04-04-2003, 02:04 PM
والله يعجز اللسان عن وصف هذا الشرح الجميل للدى بعض الأسـءلة
1-ماذا تقصد بهذه العبارة[خلاص بس انتهيت من تعديل الروابط قم بالنقر على ايقونة القرص المرن الى اليسار واحفظ العرض فوق الملف نفسه]
2-بالنسبة للصور اريد ان ارفق صور داخل مواضيعى مثل صور شخصيةاو صفحة فيه شرح معين أريد أن أرفق معاه صور وهل لازم أن أعمل imades file
3-بالنسبة لصفحة داخل صفحة مثلا سأسمى لينك درو دينية وداخل صفحةدروس دينية أريد أضع لينكات ليقسم الدوس إلى دروس فقه وتوحيد ألخ.... وأريد عندما يدخل مثلا إلى دروس فقه تفتح له صفحة خاصة بدروس الفقه على شرط أن تكون بنفس شكل باقى الصفحات بالتمبلات
وشكرا على تعاونك

Xacker
04-04-2003, 02:15 PM
مهمة save as هو الحفظ كملف اخر عشان يبقى الاصلي صح وبما انه مفيش save عشان تحفظ الشغل على نفس الملف اضغط save as وانقر نقرتين على نفس ملف القائمة عشان يحفظ الشغل فيه لانك مش بحاجة الى حفظه بملف جديد
استخدم كود الصور اللي كتبته لك هو ما تحتاج لارفاق صور في الصفحات
السؤال التالت فهمت عليك بس بدي شوية وقت اكتبلك الاكواد والطريقة اوكيه

ashrafman
04-04-2003, 02:36 PM
خذ وقتك يا أخى على فكرة السريال حق swf scanner غير صحيح وغير موجود فى الموقع الذى كتبته

Xacker
04-04-2003, 02:43 PM
مستحيل تفضل رابط ال keygen من نفس الموقع اللي كتبته
هنا (http://wmw.andr.net/andr-crc/s/Swf Scanner 2.6.zip)

Xacker
04-04-2003, 02:44 PM
بعد شوية تفكير ممكن يكون توليد الرقم بيعتمد على مواصفات بالنظام
معك حق لا تواخذني :)

ashrafman
04-04-2003, 04:31 PM
كراكswf scanner شغال ولكن لم استطيع أجد ملفاتgoldrustmenu[1].swf
goldrustmusic[1].swf
goldrustspark[1].swf

Xacker
04-04-2003, 04:53 PM
مستحيل اخوي جرب ابحث عن الاسماء فقط مثلا
goldrustmenu
في ال c:
لازم تلاقيها في c:\windows\temporary internet files
الا اذا ما تصفحت القالب
او قمت بمسح الملفات الموجودة في ذاك المجلد بواسطة شي برنامج او يدويا
راجع الامر

ashrafman
04-04-2003, 05:15 PM
أخى والله لم أجده أنا دوست الرابط بتاع التمبلات دوست file بعد ذلك save as

Xacker
04-04-2003, 06:15 PM
حمل الملفات
هنا (http://www.geocities.com/loadkill/swf.zip)
فك الضغط وضعهم مع الملف المسمى Untitled Document.htm الخاص بالقالب

ashrafman
05-04-2003, 04:41 PM
أخى العزيز لدى مشكلة عند مسح أى كلمةفى برنامج swf scanner لكى أضع بدلها مثل تحويل كلمة index إلىhome حيث البرنامج لايستجيب

Xacker
05-04-2003, 05:13 PM
ساتاكد من هذا

Xacker
06-04-2003, 04:06 PM
كلامك صحيح يبدو انه لا يقوم بالسماح بالتعديل ! على هالحالة انت نجبر على الكود للاسف :(

Xacker
07-04-2003, 01:55 PM
اوكيه بعد الاكتشاف الاليم ان swf scanner لا يسمح بتعديل كود العرض الفلاشي ساقوم اليوم بشرح تفصيلي لتعديل الموقع ليناسب رغباتك ويناسب طريقتك في الاستخدام .. شاهد معنا
--------------
كما نعلم فان على المصمم ان ينتبه الى خطوات ومقاييس عديدة قبل الشروع في التصميم وبعد الانتهاء من التصميم واثناء القيام بعملية تنقيح debugging لاكواد وصفحات الموقع للتاكد من خلوها من اي رابط معطوب او شفرة خاطئة او جملة 'DONE BUT HAVE ERRORS ON PAGE' والتي تظهر على شريط المتصفح في حال وجود كود خاطئ في شفرة الصفحة .. يمكن تفادي ظهور هذه الجملة او اي جملة خطا تظهر باستخدام كود يمنع ظهورها لكنه يقوم فقط باخفاء الرسالة ليبدو موقعك جاهز وبدون اخطاء بينما في حقيقة الامر انها تحد من قدرتك على اكتشاف الاخطاء ومتابعتها .. الان تخيل معي بعد كم شهر صرت محترف وصرت تكتب الاكواد يدويا بنفسك بواسطة محرر نصوص عادي مثلا كالمفكرة <مثلي بكل فخر خخخخخ> وقام احد باستئجار خدماتك لتصمم له موقعا .. وكونك غير متعود على القيام بعملية التنقيح وجد العميل اكثر من رسالة خاطئة او رابط معطوب في موقعه الذي صممته له .. راحت عليك فرصة العمل وربما تساء سمعتك بسبب هذا ان وجد زوار موقعك المهتمين بخدماتك ان موقعك وان كان تصميمه رائعا لكنه يحوي عليى اخطاء ولو بسيطة جدا فان كانوا من الشركات او التجار او الخ .. راحت عليك فرص كتير فالافضل تفكر بالامر منذ الان
بعدت عن الموضوع الاصلي كتير مش هيك اوكيه عارف بس هيدا كان تبيه لمصلحتك ارجو التقيد به من باب تجنب الاساءة الى لغات التصميم فالخطا الاول والاخير يكون من المصمم وليس ان الكود لم يعمل كما يجب ! شوف مثلا هالكود:

<body onunload="alert("مع السلامة عد الينا قريبا"); return true;">

هيدا الكود يقوم باظهار رسالة توديع للزائر عند اغلاق الصفحة لكنه خاطئ !
والصحيح هو
<body onunload="alert('مع السلامة عد الينا قريبا'); return true;">
شوف الفرق فقط بعلامات التنصيص !! وهالشي بيعطل الكود وبتظهر الرسالة على شريط المتصفح

لنعد الان الى موضوعنا الرئيسي فارجو المتابعة
بعد العمل على صفحة Untitled Document.htm التي حصلت عليها عندما حفظت صفحة القالب على جهازك قمت بتغييرها الى التالي لتناسب كافة الاحتياجات.. ها هو كود الصفحة المعدلة ويليه الشرح:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>Untitled Document</TITLE></HEAD>
<BODY aLink=#ffffcc bgColor=#000000 link=#ffffcc text=#ffcc66 vLink=#ffffcc leftmargin=0 topmargin=0 marginheigh="0" marginwidth="0">
<TABLE border=0 cellPadding=0 cellSpacing=0 width="100%">
<TBODY>
<TR vAlign=top>
<TD width="19%"><IMG height=180
src="Untitled Document_files/goldrust_01.gif" width=195></TD>
<TD width="64%"><IMG height=156
src="Untitled Document_files/goldrust_02.gif" width=462></TD>
<TD width="17%">
<TABLE border=0 cellPadding=1 cellSpacing=1 width="100%">
<TBODY>
<TR>
<TD height=19>
<OBJECT classid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000
codeBase=http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0
height=20 width=80><PARAM NAME="movie" VALUE="goldrustmusic.swf"><PARAM NAME="quality" VALUE="high">
<embed
src="goldrustmusic.swf" quality=high
pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"
type="application/x-shockwave-flash" width="80" height="20">
</embed> </OBJECT></TD></TR>
<TR>
<TD>&nbsp;</TD></TR>
<TR>
<TD>&nbsp;</TD></TR>
<TR>
<TD>&nbsp;</TD></TR></TBODY></TABLE></TD></TR>
<TR vAlign=top>
<TD>
<TABLE border=0 cellPadding=0 cellSpacing=0 width="100%">
<TBODY>
<TR>
<TD>
<OBJECT classid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000
codeBase=http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0
height=63 width=195><PARAM NAME="movie" VALUE="goldrustspark.swf"><PARAM NAME="quality" VALUE="high">
<embed
src="goldrustspark.swf" quality=high
pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"
type="application/x-shockwave-flash" width="195" height="63">
</embed> </OBJECT></TD></TR>
<TR>
<TD>
<OBJECT classid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000
codeBase=http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0
height=246 width=195><PARAM NAME="movie" VALUE="goldrustmenu.swf"><PARAM NAME="quality" VALUE="high">
<embed
src="goldrustmenu.swf" quality=high
pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"
type="application/x-shockwave-flash" width="195" height="246">
</embed> </OBJECT></TD></TR>
<TR>
<TD><IMG height=124 src="Untitled Document_files/goldrust_07.gif"
width=195></TD></TR>
<TR>
<TD>&nbsp;</TD></TR></TBODY></TABLE></TD>
<TD rowSpan=2>
<TABLE bgColor=#cc9933 border=0 cellPadding=1 cellSpacing=1
width="100%"><TBODY>
<TR>
<TD>
<TABLE bgColor=#000000 border=0 cellPadding=1 cellSpacing=1
width="100%">
<TBODY>
<TR>
<TD>
<P>
<iframe src="body.html" name=main scrolling=auto width="100%"></iframe></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<P>&nbsp;</P></TD>
<TD>
<TABLE bgColor=#993300 border=0 cellPadding=1 cellSpacing=1
width="100%"><TBODY>
<TR>
<TD>
<TABLE bgColor=#000000 border=0 cellPadding=2 cellSpacing=2
width="100%">
<TBODY>
<TR>
<TD height=107><FONT color=#990000
face="Verdana, Arial, Helvetica, sans-serif" size=1>this is a
good place to put your affiliate links, if you don't have any,
visit my website and check out the make money page</FONT><FONT
face="Verdana, Arial, Helvetica, sans-serif"
size=1></FONT><FONT
face="Verdana, Arial, Helvetica, sans-serif"
size=1></FONT><FONT
face="Verdana, Arial, Helvetica, sans-serif"
size=1></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR>
<TR vAlign=top>
<TD width="19%">&nbsp;</TD>
<TD width="17%">&nbsp;</TD></TR>
<TR vAlign=top>
<TD width="19%">
<STYLE>BODY {
SCROLLBAR-FACE-COLOR: #FFCC66; SCROLLBAR-HIGHLIGHT-COLOR: #FFCC66; SCROLLBAR-SHADOW-COLOR: #663333; SCROLLBAR-3DLIGHT-COLOR: #FFFFFF; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #CC9966; SCROLLBAR-DARKSHADOW-COLOR: #663333
}
</STYLE>
</TD>
<TD width="64%">&nbsp;</TD>
<TD width="17%">&nbsp;</TD></TR></TBODY></TABLE></BODY></HTML>

لنقم الان بشرح الفكرة التي خطرت في بالي الان للاحتيال نوعا ما على العرض الفلاشي لكن قبل هذا دعونا نتناول شرح كود الصفحة كما تم من قبل في شرح التعامل مع الاطارات والجداول
راجع الدرس هنا (http://www.absba.org/vb/showthread.php?s=&threadid=44892)
Are you ready? set, GO!
بدانا:
1-
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
معرف التصريح عن الخضوع للغة html بالنسبة للصفحة فهو يقوم بتحديد نوع المستند وكما ترى فان الرقم 4 يدل على اصدار لغة html المستخدمة في الصفحة التي قام مجمع w3c العلمي باطلاقها -مش بالضرورة يكون نفس الاصدار الذي تم كتابة الشفرات به لكن كي لا تقوم المتصفحات بتجاهل بعض الاكواد ان تم وضع رقم اصدار مثل 3.2 !-
وتجنب ان تستخدم رقم اصدار اعلى مثلا 4.2 لان هذا سيعطل اظهار صفحتك
هذا الكود ليس بذي اهمية وجوده مثل عدمه لكن استخدمه في حال كانت متصفحات زوارك قديمة او من هذا القبيل
2-
<HTML><HEAD><TITLE>Untitled Document</TITLE></HEAD>
<html> يحدد بداية شفرة صفحة الويب
<head></head> معرف الراس ويتضمن معلومات حول مستند html الخاص بك
<title></title> معرف العنوان يقوم باظهار عنوان لصفحة الويب والعنوان هو النص الذي يوضع بينهما مثلا
<TITLE>عنوان صفحة ويب</TITLE>
يقوم باظهار جملة 'عنوان صفحة ويب' كعنوان لصفحة الويب
3-

<BODY aLink=#ffffcc bgColor=#000000 link=#ffffcc text=#ffcc66 vLink=#ffffcc leftmargin=0 topmargin=0 marginheigh="0" marginwidth="0">

<body ...> بداية معرف الجسم ويتضمن جميع المعلومات الامور التي ستظهر على شاشة المتصفح لدى زيارة صفحة الويب كالصور والنصوص الخ
الخاصة alink=#ffffcc تحدد لون الروابط التشعبية لدى مرور الماوس فوقها
bgcolor=#000000 تحدد لون الخلفية لصفحة الويب
link=#ffffcc يحدد لون الرابط في الحالة العادية
text=#ffcc66 يحدد لون النص الذي سيظر على الصفحة
vlink=#ffffcc يحدد لون الروابط بعد النقر عليها
باقي الكود يقوم بلصق المحتويات قدر الامكان بالجوانب كي تتناسب والصفحة جرب احذفه وشوف الفرق
4- اعتقد ان باقي كود الصفحة مشروح في درس الاطارات والجداول بشكل جيد وان وجد اي استفسار يرجى اعلامي به لاجيب بكل رحابة صدر
قمت فقط باستبدال الكتابة في الاطار المذهب بكود لاطار عائم وهكذا يمكنك جعل هذه الصفحة التي تظهر في الاطار العائم صفحة اخبار عن تحديثات الموقع مثلا او اي شئ تريده لمزيد من المعلومات عن كيفية استخدام كود ااطار راجع درس الاطارات الجداول
5-

<STYLE>BODY {
SCROLLBAR-FACE-COLOR: #FFCC66; SCROLLBAR-HIGHLIGHT-COLOR: #FFCC66; SCROLLBAR-SHADOW-COLOR: #663333; SCROLLBAR-3DLIGHT-COLOR: #FFFFFF; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #CC9966; SCROLLBAR-DARKSHADOW-COLOR: #663333
}
</STYLE>

بقي علي شرح هذا الكود الذي فضل المصمم وضعه في الجسم بدلا من معرف الراس لاغراض اجهلها ولكن لا اظن باي دافع
ايضا تم شرح اكواد css في درس تعديل الجداول والاطارات
scrollbar-face-color
يحدد لونا للمنطقة المتوسطة من شريط السحب في الصفحة
scrollbar-highlight-color
يحدد لون المنطقة المتوسطة لشريط السحب عند النقر عليه للسحب
scrollbar-shadow-color
يحدد اللون في الحالة العادية للمنطقة التي لا يوجد فيها شريط السحب بقصد المنطقة من شري السحب الموجودة بلون مغاير للشريط ان شاء الله وضح شو بقصد
scrollbar-3dlight-color
مش متاكد تماما هيدا لجواب الشريط ام للمنطقة التي يمكن سحبها من الشريط متصفحي لانه اصدار 5.5 ويجدر بي الاشارة هنا ان هذه الاكواد لا تظهر الا لمتصفح 6 لذا كان بامكاني التوصيح اكثر لو بقدر جرب وشوف
scrollbar-arrow-color
لون مؤشر الماوس لدى السحب
scrollbar-track-color
هيدا بدون شك ما بعرفه جربه غير اللون وشوف لشو
scrollbar-darkshadow-color
كمان مش متاكد شو هالحالة رح يجبروني استخدم المتصفح الاصدار 6 مع اني ما بحبه !
اخر كم شغلة كما ترى الصفحة التي سيتم عرضها في الاطار العائم اسمها body.html بس نحن ما عنا هيك صفحة فقم بانشاء مستند نصي جديد وضع فيه الكود التالي ثم اعد تسميته الى body.html لتنشئ الصفحة هذه

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>Untitled Document</TITLE>
<STYLE>BODY {
SCROLLBAR-FACE-COLOR: #FFCC66; SCROLLBAR-HIGHLIGHT-COLOR: #FFCC66; SCROLLBAR-SHADOW-COLOR: #663333; SCROLLBAR-3DLIGHT-COLOR: #FFFFFF; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #CC9966; SCROLLBAR-DARKSHADOW-COLOR: #663333
}
</STYLE>
<BODY aLink=#ffffcc bgColor=#000000 leftMargin=0 link=#ffffcc text=#ffcc66
topMargin=0 vLink=#ffffcc marginheight="0" marginwidth="0">
<FONT face="Verdana, Arial, Helvetica, sans-serif"
size=1>This template was created in Photoshop, then music and
animation added with Swish, and finally put back together in
Dreamweaver. I recommend you use Dreamweaver to edit this
template, because it will be easy to see how I put the pieces
together, and the content will be visible in a
table.</FONT></P>
<P><FONT face="Verdana, Arial, Helvetica, sans-serif"
size=1>This template is free to use as long as you keep the
link to my site at the bottom of each page. If you would like
to get the menu and banner customized, I charge $45 for
customizations. This template was made with clan pages in
mind, so hopefully the links on the menu are appropriate. If
you plan to use this template for commercial purposes, you
must notify me as I do charge a fee for that.</FONT></P>
<P><FONT face="Verdana, Arial, Helvetica, sans-serif"
size=1>To remove the sound, simply delete the
"goldrustmusic.swf" reference from the code. Also included is
the template image in case you want to slice it up and use it
without flash, this way you can edit the menu. Please visit my
site for more free templates, and also my sister site for free
interfaces: <A
href="http://www.freewebs.com/interfacezone">interfacezone</A>
</FONT></P>
<P><FONT face="Verdana, Arial, Helvetica, sans-serif"
size=1>Thanks for your continued support and good luck with
your site.</FONT>
</BODY>
</HTML>

الان حان وقت توضيح فكرتي حول التحايل على عرض الفلاش الخاص بالقائمة .. والفكرة تتلخص في التخلص من العرض الفلاشي والاستعانة عنه باكواد html عادية لكن تعطي نفس المظهر وميزة اضافية هي سرعة تحميل الصفحة
والفكرة بالتفصيل كالتالي:
بواسطة برنامج swf scanner قم باخذ الصورة الخاصة بالقائمة وسمها menu_bg مثلا وقم بحفظها بمجلد
Untitled Document_files الذي تشكل لدى حفظك للقالب عندك على الجهاز
الان قم باستبدال كود الفلاش الخاص بالقائمة بكود الصورة وهي صورة الخلفية للقائمة كما يلي

<TR>
<TD>
<OBJECT classid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000
codeBase=http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0
height=246 width=195><PARAM NAME="movie" VALUE="goldrustmenu.swf"><PARAM NAME="quality" VALUE="high">
<embed
src="goldrustmenu.swf" quality=high
pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"
type="application/x-shockwave-flash" width="195" height="246">
</embed> </OBJECT></TD></TR>

استبدل الكود السابق بالتالي:

<TR>
<TD>
<IMG src="Untitled Document_files/menu_bg.jpg" border=0>
</TD></TR>

لا تنسى تغير الكود حسب التمدد الخاص بصورة القائمة التي قمت باستخراجها يعني اذا الصورة menu_bg.gif بكود الكود

<TR>
<TD>
<IMG src="Untitled Document_files/menu_bg.gif" border=0>
</TD></TR>

بس بظن انه بيستخرج الصور بصيغة .jpg على اي حال لربما اردت تحويلها الى gif هيدا الشي بيرجع الك
المهم بتسالني كيف بدي خليه تقريبا متل القائمة الفلاشية !
بقلك بسيطة كل ما عليك فعله هو استخدام طريقة خريطة الصور وهي تعتمد على تحويل مناطق محددة من الصورة الى روابط مثلا عندي صورة كبيرة في بمنتصفها زر كيف بدي حوله بس هو الى رابط ؟ يتم هالشي بطريقة خريطة الصور وشرح طريقة خريطة الصور مو وقته بس شوف الكود الخاص بالقالب هيدا هلق كيف لازم يصير:

<TR>
<TD>
<IMG src="Untitled Document_files/menu_bg.jpg" border=0 USEMAP="#menu">
<MAP NAME="menu">
<AREA HREF="home.html" TARGET="_blank" ALT="عودة إلى الصفحة الرئيسية" SHAPE="rect" COORDS="36,11,147,31">
<AREA HREF="about.html" TARGET="_blank" ALT="انقر لترى معلومات عني" SHAPE="rect" COORDS="36,49,147,69">
<AREA HREF="files.html" TARGET="_blank" ALT="انقر لترى صفحة الملفات" SHAPE="rect" COORDS="36,87,147,107">
<AREA HREF="members.html" TARGET="_blank" ALT="انقر لترى صفحة الاعضاء" SHAPE="rect" COORDS="36,126,147,146">
<AREA HREF="forum.html" TARGET="_blank" ALT="انقر لتزور المنتدى" SHAPE="rect" COORDS="36,165,147,185">
<AREA HREF="contact.html" TARGET="_blank" ALT="انقر لتعرف كيفية مراسلتي" SHAPE="rect" COORDS="36,204,147,224">
</MAP>
</TD></TR>

استبدل الكود بالكود السابق واعمل تحديث للصفحة وشوف كيف صار !!! حلو مش هيك .. ظل التصميم كما هو فقط استبدلنا الفلاش بكود عادي وبيعمل نفس الشكل والنتيجة وبلس يعني زائد يمكن تعديله على كيفنا شو رايكم ؟! مبدع مش هيك خخخخخ :d
بس للاسف الفرحة ما بتكتمل :( هلق بتشوف ليش
شرح الكود على السريع
قمت بتعريف الصورة على استخدامها كخريطة صورة باضافة الخاصة
USEMAP="#menu"
الى اخر الكود
لاحظ يمكن تسميته باي شئ تريد غير menu ما بتفرق طالما الشي التالي بكون متله

<MAP NAME="menu">
<AREA HREF="home.html" TARGET="_blank" ALT="عودة إلى الصفحة الرئيسية" SHAPE="rect" COORDS="36,11,147,31">
<AREA HREF="about.html" TARGET="_blank" ALT="انقر لترى معلومات عني" SHAPE="rect" COORDS="36,49,147,69">
<AREA HREF="files.html" TARGET="_blank" ALT="انقر لترى صفحة الملفات" SHAPE="rect" COORDS="36,87,147,107">
<AREA HREF="members.html" TARGET="_blank" ALT="انقر لترى صفحة الاعضاء" SHAPE="rect" COORDS="36,126,147,146">
<AREA HREF="forum.html" TARGET="_blank" ALT="انقر لتزور المنتدى" SHAPE="rect" COORDS="36,165,147,185">
<AREA HREF="contact.html" TARGET="_blank" ALT="انقر لتعرف كيفية مراسلتي" SHAPE="rect" COORDS="36,204,147,224">
</MAP>

وهيدا الكود لتعريف عناصر الخريطة يبدا دوما ب <MAP NAME="menu">
شايف اذا غيرت كلمة menu من معرف الصورة كخريطة لازم تغيره هون كمان

<AREA HREF="home.html" TARGET="_blank" ALT="عودة إلى الصفحة الرئيسية" SHAPE="rect" COORDS="36,11,147,31">

بشرح اول سطر من الكود فقط لان البقية ينطبق عليهم نفس الشي
<AREA يقوم بتعريف المنطقة التي سيكون فيها بقعة كرابك تشعبي
HREF="home.html" يقوم بتحديد الرابط الذي سينتقل اليه لدى النقر على البقعة ولنسميها البقعة الحارة HotSpot
TARGET="_blank" اذا قرات الدرس الخاص بالجداول والاطارات بتعرف شو الفايدة منه لكن هلق بتقلي ليش ما بنخليه ينعرض بالاطار العائم بقلك فكرت بهالشي بس المشكلة بخريطة الصور انها ما بتقبل غير target="_blank" :(
وهيك ما بتقدر شفت الفرحة شلون راحت بسرعة
بس بنخلي خاصة name=menu مع الاطار العائم اذا حطيت روابط زيادة بالصفحة وبدت تفتحهم بالاطار العائم
ALT=" " مجرد نص يظهر لدى مرور الماوس فوق البقعة ازله او غيره على كيفك
SHAPE="rect" يحدد شكل البقعة وهي هنا مستطيلة
rectangle يعني
وهناك عدة اشكال منها حسب حاجتك اما مستطيل
او دائري circle
او متعدد الاضلاع او الغير محدد الشكل polygon
COORDS=" " يحدد الاحداثيات على الصورة التي سيتم استخدامها كبقعة ساخنة وهنا بما انه مستطيل يتم اخذها بالشكل التالي

COORDS="left,top,right,bottom"

وهيك يتم الاحداثيات للبقعة وخلاص بتنهي احداثيات الخريطة ب </MAP>
وبتكون خالص بقصد خلصت من العمل :D
همممممممم لا اعتقد هناك افكار جديدة لاطرحها لكن يمكنك القيام ببعض الامور لتزيد من جكال صفحتك ورونقها هذا في النهاية يرجع اليك
نهاية اذا قمت بالتعديل حسب فكرتي ستجد بان الصورة اخذت موقع مغاير قليلا مما يشوه الشكل لا عليك الحل باستخدام الجدول لتحريك الموضع ويصبح كود الصفحة بعد الانتهاء الكامل من التعديل هو هذا

Xacker
07-04-2003, 01:57 PM
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>Untitled Document</TITLE>
<BODY aLink=#ffffcc bgColor=#000000 link=#ffffcc text=#ffcc66 vLink=#ffffcc leftmargin=0 topmargin=0 marginheight="0" marginwidth="0">
<TABLE border=0 cellPadding=0 cellSpacing=0 width="100%">
<TBODY>
<TR vAlign=top>
<TD width="19%"><IMG height=180
src="Untitled Document_files/goldrust_01.gif" width=195></TD>
<TD width="64%"><IMG height=156
src="Untitled Document_files/goldrust_02.gif" width=462></TD>
<TD width="17%">
<TABLE border=0 cellPadding=1 cellSpacing=1 width="100%">
<TBODY>
<TR>
<TD height=19>
<OBJECT classid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000
codeBase=http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0
height=20 width=80><PARAM NAME="movie" VALUE="goldrustmusic.swf"><PARAM NAME="quality" VALUE="high">
<embed
src="goldrustmusic.swf" quality=high
pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"
type="application/x-shockwave-flash" width="80" height="20">
</embed> </OBJECT></TD></TR>
<TR>
<TD>&nbsp;</TD></TR>
<TR>
<TD>&nbsp;</TD></TR>
<TR>
<TD>&nbsp;</TD></TR></TBODY></TABLE></TD></TR>
<TR vAlign=top>
<TD>
<TABLE border=0 cellPadding=0 cellSpacing=0 width="100%" style="position:absolute; top:177px; left:-1px;">
<TBODY>
<TR>
<TD>
<OBJECT classid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000
codeBase=http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0
height=63 width=195><PARAM NAME="movie" VALUE="goldrustspark.swf"><PARAM NAME="quality" VALUE="high">
<embed
src="goldrustspark.swf" quality=high
pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"
type="application/x-shockwave-flash" width="195" height="63">
</embed> </OBJECT></TD></TR>
<TR>
<TD>
<IMG src="Untitled Document_files/menu_bg.jpg" border=0 USEMAP="#menu">
<MAP NAME="menu">
<AREA HREF="home.html" TARGET="_blank" ALT="عودة إلى الصفحة الرئيسية" SHAPE="rect" COORDS="36,11,147,31">
<AREA HREF="about.html" TARGET="_blank" ALT="انقر لترى معلومات عني" SHAPE="rect" COORDS="36,49,147,69">
<AREA HREF="files.html" TARGET="_blank" ALT="انقر لترى صفحة الملفات" SHAPE="rect" COORDS="36,87,147,107">
<AREA HREF="members.html" TARGET="_blank" ALT="انقر لترى صفحة الاعضاء" SHAPE="rect" COORDS="36,126,147,146">
<AREA HREF="forum.html" TARGET="_blank" ALT="انقر لتزور المنتدى" SHAPE="rect" COORDS="36,165,147,185">
<AREA HREF="contact.html" TARGET="_blank" ALT="انقر لتعرف كيفية مراسلتي" SHAPE="rect" COORDS="36,204,147,224">
</MAP>
</TD></TR>
<TR>
<TD></TD></TR>
<TR>
<TD>&nbsp;</TD></TR></TBODY></TABLE></TD>
<TD rowSpan=2>
<TABLE bgColor=#cc9933 border=0 cellPadding=1 cellSpacing=1
width="100%"><TBODY>
<TR>
<TD>
<TABLE bgColor=#000000 border=0 cellPadding=1 cellSpacing=1
width="100%">
<TBODY>
<TR>
<TD>
<P>
<iframe framespacing=0 frameborder=0 name=menu scrolling=auto width="100%" src="main.html"></iframe></P></TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>
<P>&nbsp;</P></TD>
<TD>
<TABLE bgColor=#993300 border=0 cellPadding=1 cellSpacing=1
width="100%"><TBODY>
<TR>
<TD>
<TABLE bgColor=#000000 border=0 cellPadding=2 cellSpacing=2
width="100%">
<TBODY>
<TR>
<TD height=107><FONT color=#990000
face="Verdana, Arial, Helvetica, sans-serif" size=1>this is a
good place to put your affiliate links, if you don't have any,
visit my website and check out the make money page</FONT><FONT
face="Verdana, Arial, Helvetica, sans-serif"
size=1></FONT><FONT
face="Verdana, Arial, Helvetica, sans-serif"
size=1></FONT><FONT
face="Verdana, Arial, Helvetica, sans-serif"
size=1></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR>
<TR vAlign=top>
<TD width="19%">&nbsp;</TD>
<TD width="17%">&nbsp;</TD></TR>
<TR vAlign=top>
<TD width="19%">
<STYLE>BODY {
SCROLLBAR-FACE-COLOR: #FFCC66; SCROLLBAR-HIGHLIGHT-COLOR: #FFCC66; SCROLLBAR-SHADOW-COLOR: #663333; SCROLLBAR-3DLIGHT-COLOR: #FFFFFF; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #CC9966; SCROLLBAR-DARKSHADOW-COLOR: #663333
}
</STYLE>
</TD>
<TD width="64%">&nbsp;</TD>
<TD width="17%">&nbsp;</TD></TR>
<TABLE BORDER=0 cellpadding=0 cellspacing=0 style="position:absolute; top:485px; left:0px;">
<TR>
<TD>
<IMG height=124 src="Untitled Document_files/goldrust_07.gif"
width=195>
</TD>
</TR>
</TABLE>
</TBODY></TABLE></BODY></HTML>


شوف التغيير اللي ساويته فيه
على فكرة صار فيك تزيد عدد الازرار في القائمة الان
وشغلة تانية بالنسبة للمسميات بتقدر تكتبهم كتابة على الصورة او بواسطة كود النص وكود جدول يحيطه ويحدد انه يظهر فوق النص
-بصراحة بالنسبة لي هذا النوع من القوالب لا يعجبني وقمت بالشرح له بناء على طلب الاخ ashrfman-
-قارنه بهيدا القالب البسيط ولكن المنسق www.geocities.com/loadkill/site/index.html وشوف الفرق ;)-
على اي حال ارجو ان اكون قد وفقت في الشرح واعطيت افكار جديدة للمبتدئين الذين بدوا خطوة الالف ميل في تصميم المواقع
وتحيات اخوكم الحارة

ashrafman
08-04-2003, 02:58 PM
أخى العيزيز الكود لم يفعل شىء
كل ماأريده هو فقط كيف أغير أسماء اللينكات ياريت تشرحلى عن طريقfront page xp سؤالى هل مسموح لتغيير أسماء اللينكات لهذه الأنواع من القوالب

Xacker
08-04-2003, 03:56 PM
اخي الكود يقوم بتعديل لكن يتجول الى كود html مش فلاش اقرا الموضوع بعناية اكثر
بطريقتي التي شرحتها تقدر تضيف الارتباطات بنفسك لكن سيتحول الى صورة وكود html مش فلاش لكن تغير اسماء الارتباطات ضمن الفلاش فما تقدر وتقبل تحياتي

Crack
08-04-2003, 05:36 PM
مشكور يا بطل
تمنياتنا بدوام التوفيق وجزاك الله كل خير علي المجهود الرائع
تحياتي

Xacker
08-04-2003, 08:09 PM
على الرحب اخوي كراك شرفتنا بزيارتك
تحياتي

seazer1
07-10-2004, 11:18 PM
Xacker

الرابط خطأ الخاص بتحميل الملفات الثلاثة لو سمحت

ممكن توضع لنا الصحيح