لا تنس ذكر الله .. سبحان الله ، والحمد الله ،ولا اله إلا الله ،والله اكبر ،ولا حول ولا قوة إلا بالله
  #1  
قديم 05-03-2007, 08:47
NemR NemR غير متواجد حالياً
صقر مجتهد




افتراضي تصميم استايل منتدى vb رباعي أطراف >> الجزء الخامس

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

ننطلق في الدرس

نقوم بسم الله

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

تصميم استايل منتدى رباعي أطراف

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

تصميم استايل منتدى رباعي أطراف

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

تصميم استايل منتدى رباعي أطراف

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

تصميم استايل منتدى رباعي أطراف

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

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

تصميم استايل منتدى رباعي أطراف

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

تصميم استايل منتدى رباعي أطراف

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

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

<p align="center">&nbsp;</td>

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

ومابعد &nbsp;</td> الى اخر نقطه في الفرونت بيج للفوتر

تصميم استايل منتدى رباعي أطراف

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

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


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

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

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

تصميم استايل منتدى رباعي أطراف

انتيهنا كذا

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

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

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

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

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

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

نختار منها :

Style Manager

تصميم استايل منتدى رباعي أطراف

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

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

تصميم استايل منتدى رباعي أطراف

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

تصميم استايل منتدى رباعي أطراف

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

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

تصميم استايل منتدى رباعي أطراف

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

$spacer_open

$_phpinclude_output

تصميم استايل منتدى رباعي أطراف

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

تصميم استايل منتدى رباعي أطراف

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

$spacer_open

$_phpinclude_output

بهذا الشكل

تصميم استايل منتدى رباعي أطراف

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

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

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

اكيد

@@@@@@@@@@@

تصميم استايل منتدى رباعي أطراف


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

تصميم استايل منتدى رباعي أطراف

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

تصميم استايل منتدى رباعي أطراف

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

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

تصميم استايل منتدى رباعي أطراف

وانتهى الدرس

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

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



http://www.sakr1.com/vb/sakr-style/pic/write-comment.png

ضع تعليق باستخدام حساب الفيس بوك

توقيع  NemR

 

احفظ الله يحفظك
موضوع مغلق

مواقع النشر (المفضلة)

شارك في القائمة البريدية ليصلك الجديد


الكلمات الدلالية (Tags)
منتدى, أطراف, الخامس, الخصم, استايل, تصميم, رباعي

أدوات الموضوع
انواع عرض الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة
Trackbacks are متاحة
Pingbacks are معطلة
Refbacks are معطلة

الانتقال السريع

شارك في القائمة البريدية ليصلك الجديد


الساعة الآن 02:52


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.6.1

سبحان الله وبحمده :: سبحـان الله العظيم
جميع ما ينشر في المنتدى لا يعبر بالضرورة عن رأي صاحب الموقع وإنما يعبر عن وجهة نظر كاتبه