فريق قراصنة غزة || Gaza Hacker Team - شرح عمل اندكس جميله بدون برامج [بالتفصيل الممل]

السلام عليكم اخواني

شو اخباركم

صراحه موضوع اليوم انا اعتبره اصعب مرحله في الاختراق وهي اكثر شي بياخذ مني وقت هه هذا بالنسبه لي ما بعرف اذا انتونفس الشي ولا لا .

اليوم ان شاء الله حنتعلم كيف نعمل اندكس خاص فيك ويكون جميل وبسيط في نفس الوقت بدون برامج ولا اي شي يعني كل اللي تحتاجه هو اي محرر نصوص .

خلينا نبدأ :

اولا : المحتوى الاساسي لاي اندكس .

هذا الكود بكون في الاندكس وهو ثابت ونبدأ نضيف عليه الاشياء اللي بدنا اياها تضهر في الصفحه :
هذي صوره للكود لانو المنتدى مشفر كلمات :
http://www.heberger-image.fr/data/images/23538_1.gif

الان هذا كود صفحه فاضيه اوك .
بدل مكان GAZA HACKER باسمك او اي شي بدك اياه وهذا راح يضهر في عنوان الصفحه فوق في المتصفح .

ثانيا: خلفيه الصفحه :
الان بدنا نقير خلفيه الصفحه ل لون معين او صوره في مثالنا حنحط صوره او تقدر تتركه مثل ما هو ابيض وتنتقل ل الخطوه اللي بعدها .

حط هذا الكود في ال < he ad >
http://www.heberger-image.fr/data/images/87171_2.gif
* طبعا هذا رابط صوره الخلفيه http://GAZA-HACKER.NET/TKL.gif انت اختار المناسب لك .

يعني راح يسر الكود كامل مثل هيك :
http://www.heberger-image.fr/data/images/80913_3.gif

ملاحظه : الخلفيه لازم يكون حجمها صغير حتى ما يطلع شكلها مش حلو او تكون ثقيل ع الصفحه وهذي وحده مناسبه .
http://merked.net/bg.gif

ثالثا : محتوى الصفحه :

طيب الان نبدى في اضافه المحتوى :
طبعا اي شي بدنا اياه يضهر بنحطه في ال <body > مثل ما في الصوره :
http://www.heberger-image.fr/data/images/43054_4.gif

اول شي خلينا نتعرف ع شويه اكواد HTML بتلزمنا في تصميم الصفحه :
(ههه انا عارف انك تضايقت يوم ما سمعت ان الموضوع فيه اكواد ولا يهمك الموضوع سهل SNAaN2)

- هذا كود اضافه صوره :
http://www.heberger-image.fr/data/images/15913_5.gif

طبعا استبدل http://gaza-hacker.net/cc/styl3-g4z4/hed.jpg بالصوره الخاصه فيك :

-وهذا كود وضع نص :
http://www.heberger-image.fr/data/images/39527_6.gif

طيب نشرحه شوي حتى انت تعدل مثل ما بدك :
si z e="5"
هذي تحدد حجم الخط انا حاطه 5 انت اختار مثل ما بدك 1 او 2,3.......

c ol or="#8 25 F07"
هذا اللون تبع الخط طبعا انت بجيب كود اللون اللي بدك اياه وبتحطه مكان #82 5F07
* في قوقل دور راح تلاقي كود اي لون بدك اياه .

وبدل Gaza Hacker Team حط الكلام اللي بدك اياه يضهر عربي او غيره .

-وهذا الكود حتى تنزل سطر جديد:

http://www.heberger-image.fr/data/images/39713_7.gif

يعني حطيت صوره وبعدها بدك تحط نص حط بينهم هذا الكود حتى يصهر كل شي في سطر لحال .

- اخر شي كود التوسيط (يعني اي شي يضهر في نص الصفحه مش ع الاطراف :

http://www.heberger-image.fr/data/images/50192_8.gif
الان انتهينا من الاكواد خلينا نبدى نطبق

الاندكس اللي بنا نعملها فيها هاي الصوره
http://www.heberger-image.fr/data/im...501_elbdwl.gif

و هذه الجمله HACKED BY Gaza HaCKeR Team

اوك
اول شي هذا كودنا اللي عملناه قبل شوي :

http://www.heberger-image.fr/data/images/80913_3.gif

الان نبدى نضيف عليه بدنا نحط الصوره :
نجيب رابط الصوره الخاصه فينا كامل ونضيفه ل كود اضافه الصوره
وبعدين نضيفه في ال <bo dy>
يعني راح يسير الكود مثل هيك

http://www.heberger-image.fr/data/images/16070_9.gif

المضلل هو كود الصوره اللي ضفناها
تمام
الان نضيف سطر جديد ونحط كوده بعد كود الصوره مثل هيك

http://www.heberger-image.fr/data/images/96346_10.gif

المضلل هو كود الفراغ

الان نضيف النص (HACKED BY Gaza HaCKeR Team)
ل كود اضافه النص ونعمل الحجم مثلا 4 واللون مثل ما هو ونضيفه .

يعني الكود راح يسير مثل هيك :
http://www.heberger-image.fr/data/images/14880_11.gif

المضلل هو كود النص .

الان نحفض الكود اللي كتبناه بصيغه html يعني مثلا سمي الصفحه gaza.html
وشغلها وشوف

اها لا تعصب ههه اكيد طلع كل شي عندك ع اليسار طيب الان باقي علينا نضيف كود
التوسيط.

حط كود التوسيط مثل هيك :

http://www.heberger-image.fr/data/images/87888_12.gif

لاحض وين حطينا الجزء الاول من الكود
والجزء الثاني حطيناه قبل نهايه ال </bo dy> شوف الصوره

http://www.heberger-image.fr/data/images/57807_13.gif

ممتاز الان احفظ وشغل الصفحه

شو رايك بدون برامج ولا هم .
بس استنى لسا ما خلصنا باقي اهم شي النشيد او المقطع الصوتي وهو اكثر شي بتتغلبو فيه .

رابعا : اضافه الصوت :

طيب انا عارف ان كثير منكم جاب كود وما نفع معه او طلع شكله مخرب الصفحه .

من هون ورايح انسى المشكله هاي نهائي .

اول شي هذا كود اضافه صوت .
http://www.heberger-image.fr/data/images/39799_14.gif

طيب تخلي كل شي مثل ما هو بس تعدل ع كلمه url وتحط مكانها رابط مقطع ع اليوتيوب بدك تجيب الصوت منه . يعني لا تغلب حالك اليوتيوب كل الاناشيد موجوده فيه .
بس تول شي لازم تعدل ع رابط المقطع اللي في اليوتيوب شوي .
ناخذ مثال عنا هذا المقطع :
http://www.youtube.com/watch?v=2tqNrjjMdxw
الان بدنا النشيد اللي فيه يشتغل اول ما تفتح الاندكس
اول شي احذف هذي الكلمه من الرابط
watch?

وبعدين بدل ال = ب /
وضيف له اخر شي
&autoplay=1
يعني راح يسير مثل هيك
http://www.youtube.com/v/2tqNrjjMdxw&autoplay=1

ممتاز الان خذه وحطه مكان كلمه url اللي في كود تشغيل الصوت وانسخ الكود كله وحطه في صفحتك :
يعني الكود تبع الصفحه كله راح يسير مثل هيك .

http://www.heberger-image.fr/data/images/65937_15.gif

لاحظ وين حطينا كود تشغيل الصوت

هيك الاندكس جاهز كل اللي عليك احفض وشغل وهو متوافق مع كل المتصفحات .

واخيرا هذا مثال ع الاندكس Frhan1234
http://esronen.co.il/

/.
الصور والكود + مثال في المرفقات
ويا ريت الكل يجرب

Frhan123