:: مكتبة دروس التصميم ::

مكتبة دروس التصميم » تصميم المواقع والمنتديات » [تركيب الصور المقطعه بالمنتدى لرباعي الاطراف-الجـ(E)ـزء]

 [تركيب الصور المقطعه بالمنتدى لرباعي الاطراف-الجـ(E)ـزء]  ط£ط¶ظٹظپ ظپظٹ: 24-9-1427هـ
بسم الله الرحمن الرحيم
اخواني واخواتي... وصلنا للنهايه من حيث التركيب
النهايه اللي نقول عنها قوتكم وانطلاقكم في عالم التصميم الخاص بالاستايلات
عرفنا كيف نصمم هيدر وفوتر وكيف نقطع وكيف نوزعها في الفرونت بيج
اللحين التركيب النهائي على المنتدى مباشره
ومافيه شئ يخوف
المنتدى شئ بسيط نركب عليه هوايل الصور .. بالله مانقدر على اربع صور وجالسين نستصعبها
انا بتكلم بشوية جديه
بصراحه ان ماشفت هالمره تطبيق فوالله بخلي هالقسم دخوله برقم سري للجادين لانه حرام اجلس اسوي واتعب والناس جالسه تشكر من غير تطبيق
تطبيقات المرفقات مابيه
ابي واقع حي
واللي ماعنده منتدى اعطيه منتدى ماهي مشكله بس ابي ناس تثبت جدارتها وتقول للعالم ماحد احسن من احد

المعذره على طولة الهرج ولكن والله من حبي فيكم ابغاكم احسن الناس وافضلهم


===========================================================

ننطلق في الدرس وراح نشوفه كلنا على النت

نقوم بسم الله

مثل مانشوف هالصوره هي اللي اخر شئ وقفنا عليه في التقطيع والتقسيم بالفرونت بيج
ماعليكم من الاضافات اللي حطيتها
مثل مايقال كحل عين والسلام :icon31:
طبعا هذي الصوره لازم نقسمها قسمين
وتقسيمها بتركيز بسيط
راح يكون الجزء العلوي لاعلى المنتدى والجزء السفلي لاسفل المنتدى ولكن باسلوب تقني :icon30:

http://www.traidnt.net/vb/images/Style/dros/header/FrontPage/hed-34.jpg


طريقة التقسيم تكمن في شئ واحد وهو التنصيف
نشاهد في هالصوره ان الماوس متكي في الجهه اليمنى وحنا نبيها يتنيصف عشان نعرف نقسم

http://www.traidnt.net/vb/images/Style/dros/header/FrontPage/hed-35.jpg


فعشان ننصفه نروح لاعلى برنامج الفرونت بيج ونختار اداة التنصيف

http://www.traidnt.net/vb/images/Style/dros/header/FrontPage/hed-36.jpg

واوتماتيك بتلقى الماوس متربع في النص ويقول يالبيه

http://www.traidnt.net/vb/images/Style/dros/header/FrontPage/hed-37.jpg

اللحين وش نسوي ؟

على طول نصفنا ... نروح تحت من اسفل الفرونت بيج ونختار تعليمات برمجيه

http://www.traidnt.net/vb/images/Style/dros/header/FrontPage/hed-37-a.jpg


راح نشوف مثل مافي الصوره
(بنشوف ان حنا من يوم اعطيناه تنصيف الا ولقينا كلمة center و راح نشوف الماوس )

http://www.traidnt.net/vb/images/Style/dros/header/FrontPage/hed-38.jpg


طيب الان نبي نعرف وش التاليه مع هالخرابيط

الزبده في هذا السطر



فمن <p align="center"> الى اعلى نقطه في الفرونت بيج هذي للهيدر

ومابعد << ركزوا ... ومابعد  </td> الى اخر نقطه في الفرونت بيج للفوتر

http://www.traidnt.net/vb/images/Style/dros/header/FrontPage/hed-39.jpg


اللحين للي ماوضحت له

اللحين بتوضح له اكثر


شوفوا هالصوره وهي اللي بتعلمكم وين الدرب السنع

اللي محدد باللون الاحمر ولون اضائته اخضر فاتح للهيدر

واللي محدد بالاحمر ولون اضائته للفوتر

http://www.traidnt.net/vb/images/Style/dros/header/FrontPage/hed-40.jpg


انتيهنا كذا

يالله نركب هالجزئين في المنتدى

نروح للمنتدى ونضغط على رابط لوحة التحكم للمشرف العام

http://www.xxxxxxx.com/vb/admincp/index.php

حيث xxxxxxx هو اسم موقعك

انتقلنا للوحة المنتدى ... راح نشوف على اليمين

ستايلات & القوالب

نختار منها :

Style Manager

http://www.traidnt.net/vb/images/Style/dros/header/FrontPage/hed-41.jpg


راح نشوف على اليسار الاستايلات
كما في الصوره الجايه وطبعاً انا بحط شغلي على أستايل ::vBulletin:: لانه خاص بالتجارب
وراح يكون لكم انتم بس ونطبق عليه حتى نخرج كلنا باستايل مميز باذن الله

من قدام الاستايل اضغط على كلمة اذهب

http://www.traidnt.net/vb/images/Style/dros/header/FrontPage/hed-41-a.jpg


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

http://www.traidnt.net/vb/images/Style/dros/header/FrontPage/hed-42.jpg


اللحين بنقصها نصين عشان يوضح الشرح اكثر

ناخذ الهيدر = header

http://www.traidnt.net/vb/images/Style/dros/header/FrontPage/hed-43.jpg


ونحذف كل مافيه ماعدا



http://www.traidnt.net/vb/images/Style/dros/header/FrontPage/hed-44.jpg


اللحين نروح للفرونت بيج ومثل ماقلت لكم ان حنا قسمناه نصفين


http://www.traidnt.net/vb/images/Style/dros/header/FrontPage/hed-45.jpg


نروح ونحطه فوق



بهذا الشكل

http://www.traidnt.net/vb/images/Style/dros/header/FrontPage/hed-46.jpg


ونروح الى الفوتر

وندور على اخر كلمه فيه

يعني اخر شئ في الفوتر وش مكتوب

اكيد




http://www.traidnt.net/vb/images/Style/dros/header/FrontPage/hed-46-a.jpg


نروح ننسخ اللي في الفرونت بيج وناخذ القسم السفلي اللي تحت  </td>

http://www.traidnt.net/vb/images/Style/dros/header/FrontPage/hed-47.jpg


وننسخ كل مافي الصوره السابقه ونحطها بعد كلمة </script> بهذا الشكل

http://www.traidnt.net/vb/images/Style/dros/header/FrontPage/hed-48.jpg

انت اللحين خلصت اضافات صح !

طيب انزل اسفل شئ في نفس صفحة الهيدر والفوتر .. يعني مره تحت اخر شئ تشوفه وضغط حفظ

http://www.traidnt.net/vb/images/Style/dros/header/FrontPage/hed-49.jpg

وهذا تطبيقي على الواقع

http://www.traidnt.net/vb/index.php?s=&styleid=1

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

ولنا تكمله على التالي :

تناسق اللوان المنتدى + حفر المنتدى + خطوط المنتدى

يعني بإذن واحد احد راح نبني هالاستايل مع بعض

وراح نبني تطبيقاتكم وكلاً بيشوف بصمته بالنت بنفسه

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



بالتوفيق حبايب قلبي

ط§ظ„ظƒط§طھط¨: تركي الودعاني ط§ظ†ظ‚ط± ظ‡ظ†ط§ ظ„ظ…ط±ط§ط³ظ„ط© تركي الودعاني ط£ظ†ظ‚ط± ظ‡ظ†ط§ ظ„ظ„ط¥ظ†طھظ‚ط§ظ„ ط¥ظ„ظ‰ ظ…ظˆظ‚ط¹ تركي الودعاني ط¥ط¶ط§ظپط© ظ„ظ„ظ…ظپط¶ظ„ط© ط¥ط¶ط§ظپط© ظ„ظ…ظپط¶ظ„ط© Google ط¥ط¶ط§ظپط© ظ„ظ…ظپط¶ظ„ط© Delicious ط¥ط¶ط§ظپط© ظ„ظ…ظپط¶ظ„ط© Digg ط¥ط¶ط§ظپط© ظ„ظ…ظپط¶ظ„ط© Facebook
ط®ظٹط§ط±ط§طھ ط§ظ„ط¯ط±ط³ : ط§ط±ط³ظ„ ط§ظ„ط¯ط±ط³ ظ„طµط¯ظٹظ‚ ط§ط±ط³ظ„ ط§ظ„ط¯ط±ط³ ظ„طµط¯ظٹظ‚  ط·ط¨ط§ط¹ط© ط§ظ„ط¯ط±ط³ ط·ط¨ط§ط¹ط© ط§ظ„ط¯ط±ط³  ط­ظپط¸ ط§ظ„ط¯ط±ط³ ظƒظ…ظ„ظپ Word ط­ظپط¸ ط§ظ„ط¯ط±ط³ ظƒظ…ظ„ظپ Word  ط­ظپط¸ ط§ظ„ط¯ط±ط³ ظƒظ…ظ„ظپ PDF ط­ظپط¸ ط§ظ„ط¯ط±ط³ ظƒظ…ظ„ظپ PDF

ط§ظ„طھط¹ظ„ظٹظ‚ط§طھ
آ»محمد
  ط£ط¶ظٹظپ ظپظٹ: 15-7-1430هـ
الف شكر انا كنت محتاج الدرس ده

وكلمة للأخ اللى رد قبلى
انا بقولك انت ممكن تحمل الاباتشى وتشتغل عليه
آ»SoSo
  ط£ط¶ظٹظپ ظپظٹ: 27-12-1427هـ
مشكور اخوي على الدرس، بس الصور المقطعة نرفعهم على الإنترنت لو ما يحتاج ..

اختكم سارة ..
آ»..! نـــبـــوض !..
  ط£ط¶ظٹظپ ظپظٹ: 11-11-1427هـ
يسلموو اخوي على الشرح الحلو

وربي يعطيك الف عافيه

بالتوفيق اخوك نبوض
آ»J O o j O o
  ط£ط¶ظٹظپ ظپظٹ: 9-11-1427هـ
واللي ماعنده منتدى اعطيه منتدى ماهي مشكله بس ابي ناس تثبت جدارتها وتقول للعالم ماحد احسن من احد

عشت على هالجمله الحلوه :d
عاد سهل الدرس بس ماعندي منتدى
<-- بدت تطر :d
صراحه الدرس ممتاز وانا اللي مافهم فهمتله :d
تسلمممم خيو