Zαîм Al Mαƒîα ҳҲ
05-05-2008, 10:56 PM
بسم الله الرحمن الرحيم
اخواني واخواتي... وصلنا للنهايه من حيث التركيب
النهايه اللي نقول عنها قوتكم وانطلاقكم في عالم التصميم الخاص بالاستايلات
عرفنا كيف نصمم هيدر وفوتر وكيف نقطع وكيف نوزعها في الفرونت بيج
اللحين التركيب النهائي على المنتدى مباشره
ومافيه شئ يخوف
المنتدى شئ بسيط نركب عليه هوايل الصور .. بالله مانقدر على اربع صور وجالسين نستصعبها
انا بتكلم بشوية جديه
بصراحه ان ماشفت هالمره تطبيق فوالله بخلي هالقسم دخوله برقم سري للجادين لانه حرام اجلس اسوي واتعب والناس جالسه تشكر من غير تطبيق
تطبيقات المرفقات مابيه
ابي واقع حي
واللي ماعنده منتدى اعطيه منتدى ماهي مشكله بس ابي ناس تثبت جدارتها وتقول للعالم ماحد احسن من احد
المعذره على طولة الهرج ولكن والله من حبي فيكم ابغاكم احسن الناس وافضلهم
================================================== =========
ننطلق في الدرس وراح نشوفه كلنا على النت
نقوم بسم الله
مثل مانشوف هالصوره هي اللي اخر شئ وقفنا عليه في التقطيع والتقسيم بالفرونت بيج
ماعليكم من الاضافات اللي حطيتها
مثل مايقال كحل عين والسلام http://www.traidnt.net/vb/images/smilies/icon31.gif
طبعا هذي الصوره لازم نقسمها قسمين
وتقسيمها بتركيز بسيط
راح يكون الجزء العلوي لاعلى المنتدى والجزء السفلي لاسفل المنتدى ولكن باسلوب تقني http://www.traidnt.net/vb/images/smilies/icon30.gif
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>فمن <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
ونحذف كل مافيه ماعدا
$spacer_open
$_phpinclude_outputhttp://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
نروح ونحطه فوق
$spacer_open $_phpinclude_outputبهذا الشكل
http://www.traidnt.net/vb/images/Style/dros/header/FrontPage/hed-46.jpg
ونروح الى الفوتر
وندور على اخر كلمه فيه
يعني اخر شئ في الفوتر وش مكتوب
اكيد
..@!@@!@@!@@!@@!@@!@@!@@!@@!@@!@@!@....نروح ننسخ اللي في الفرونت بيج وناخذ القسم السفلي اللي تحت </td>
http://www.traidnt.net/vb/images/Style/dros/header/FrontPage/hed-47.jpg
وننسخ كل مافي الصوره السابقه ونحطها بعد كلمة @!@@!@@!@@!@@!@@!@@!@@!@@!@@!@@!@ ... بهذا الشكل
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/images/smilies/icon31.gif
طبعا هذي الصوره لازم نقسمها قسمين
وتقسيمها بتركيز بسيط
راح يكون الجزء العلوي لاعلى المنتدى والجزء السفلي لاسفل المنتدى ولكن باسلوب تقني http://www.traidnt.net/vb/images/smilies/icon30.gif
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>فمن <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
ونحذف كل مافيه ماعدا
$spacer_open
$_phpinclude_outputhttp://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
نروح ونحطه فوق
$spacer_open $_phpinclude_outputبهذا الشكل
http://www.traidnt.net/vb/images/Style/dros/header/FrontPage/hed-46.jpg
ونروح الى الفوتر
وندور على اخر كلمه فيه
يعني اخر شئ في الفوتر وش مكتوب
اكيد
..@!@@!@@!@@!@@!@@!@@!@@!@@!@@!@@!@....نروح ننسخ اللي في الفرونت بيج وناخذ القسم السفلي اللي تحت </td>
http://www.traidnt.net/vb/images/Style/dros/header/FrontPage/hed-47.jpg
وننسخ كل مافي الصوره السابقه ونحطها بعد كلمة @!@@!@@!@@!@@!@@!@@!@@!@@!@@!@@!@ ... بهذا الشكل
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