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




افتراضي تصميم استايل احترافي لمنتديات vb وتوزيعه وتركيبه

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

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

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

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

التوزيع في الفرونت بيج

افتح الفرونت بيج (Microsoft Office FrontPage)
وانزل على اسفله وبتشوف مثل هذي الصوره

تصميم استايل احترافي لمنتديات وتوزيعه

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

تصميم استايل احترافي لمنتديات وتوزيعه

راح يكون بهذا الشكل

تصميم استايل احترافي لمنتديات وتوزيعه

من اسفل الفرونت بيج اضغط على كلمة تصميم عشان تبدى الشغل

تصميم استايل احترافي لمنتديات وتوزيعه

ومن على سطح الفرونت بيج اضغط على خصائص الصفحه (طبعا بطرف الماوس الايمن)

تصميم استايل احترافي لمنتديات وتوزيعه

اخترت خصاص الصفحه

اللحين اختار من اليمين الى اليسار ثم اعتمد

تصميم استايل احترافي لمنتديات وتوزيعه

قلبت الشاشه من اليمين الى اليسار اوكيه

طيب روح الى ايقونه الجداول واختر 9 جداول

تصميم استايل احترافي لمنتديات وتوزيعه

راح تنزل في الفرونت بيج بهذا الشكل

تصميم استايل احترافي لمنتديات وتوزيعه

اضغط في اي مكان يعجبك على الجدول بالماوس الايمن واختر خصاص الجدول

تصميم استايل احترافي لمنتديات وتوزيعه

اللحين اعطها القيم التاليه .... ثم اعتمد

تصميم استايل احترافي لمنتديات وتوزيعه

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

تصميم استايل احترافي لمنتديات وتوزيعه

لاحظ معاي هذي الصوره ولازم تركز عليها

تصميم استايل احترافي لمنتديات وتوزيعه

تشوف الصوره اللي من شوي

ابغاك تنتبه لها مضبوط لاني عانيت من حيث دروس المبتدئين
ناس تقول وين الخلفيه وكيف اشد

انتبهوا الله يرحم والديكم

عندنا اربعه زوايا = ادراج صوره نستخدم هذي الاداه تصميم استايل احترافي لمنتديات وتوزيعه

عندنا اربعه اوساط = نضع لها خلفيه بواسطه الضغط على الوسط بطرف الماوس الايمن ومن ثم نختار الصوره من كلمة استعراض

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

الصوره هذي ترجمه لما سيحصل في الجدول

تصميم استايل احترافي لمنتديات وتوزيعه

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

اللحين نبدى ندرج اربع زوايا عن طريق هذي الصوره تصميم استايل احترافي لمنتديات وتوزيعه

شوف وشلون راح يصير الجدول

تصميم استايل احترافي لمنتديات وتوزيعه

خلصنا الاربع زوايا

اللحين نروح نحط صور الاوساط

اللي يتذكر انا وش قلت من شوي

قلت نحط للاوساط خلفيات باستخدام الماوس الايمن ونختار خصائص الخلفيه

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

تصميم استايل احترافي لمنتديات وتوزيعه

اختار استعراض

تصميم استايل احترافي لمنتديات وتوزيعه

راح تجيك الصور واختار اللي يفترض يكون خلفيه ثم فتح

تصميم استايل احترافي لمنتديات وتوزيعه

ثم موافق

تصميم استايل احترافي لمنتديات وتوزيعه

هذي الخلفيه وصلت واحلى ترحيب

تصميم استايل احترافي لمنتديات وتوزيعه

طيب خلصنا اربع زوايا صح!

وخلصنا وسط علوي

باقي وسط سفلي + وسط جانبي ايمن + وسط جانبي ايسر

نضع كل خلفيه للوسط اللي يفترض تكون فيه

نشوف النهايه وشلون تطلع

تصميم استايل احترافي لمنتديات وتوزيعه

شد الاطراف يامال العافيه

تصميم استايل احترافي لمنتديات وتوزيعه

وانشدت الاطراف

تصميم استايل احترافي لمنتديات وتوزيعه

ركز معاي اللحين لاهنت

تصميم استايل احترافي لمنتديات وتوزيعه

اللحين بتضغط بطرف الماوس الايمن وراح تختار

التقسيــــــــــم عارفين ليه

لوضع الصور التجميليه

اللي حطيتها من شوي

وللتذكير نشوفها اللحين (فيه صور مكتوب تحتها تجميليه)

تصميم استايل احترافي لمنتديات وتوزيعه

نكمل عشان مانتلخبط

وش قلت من شوي نختار التقسيم ونختار منه 3 اعمده

تصميم استايل احترافي لمنتديات وتوزيعه

قسمنا الخليه الى ثلاثه اقسام

تصميم استايل احترافي لمنتديات وتوزيعه

طبعاً اللي راح ينطبق على الهيدر .. راح ينطبق على الفوتر من حيث التقسيم الى 3 اعمده

اللحين ندرج الصور التجميليه في الهيدر بواسطه هذه الاداره تصميم استايل احترافي لمنتديات وتوزيعه

شوف كيف راح تصير معانا

تصميم استايل احترافي لمنتديات وتوزيعه

ونقسم الفوتر (بالماوس الايمن نختار تقسيم)

تصميم استايل احترافي لمنتديات وتوزيعه

نختار 3 اعمده

تصميم استايل احترافي لمنتديات وتوزيعه

اللحين ندرج الصور التجميليه في الفوتر بواسطه هذه الاداره تصميم استايل احترافي لمنتديات وتوزيعه

تصميم استايل احترافي لمنتديات وتوزيعه

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

باقي ايش؟

باقي المحاذاه للصور التجميليه بمجرد انك تضغط ضغطه وحده على الصوره راح يبان ملامح التحديد عليها

نروح للصوره التجميليه العلويه اليسرى ونعطيها محاذاه لليسار

تصميم استايل احترافي لمنتديات وتوزيعه

نروح للصوره التجميليه العلويه اليمنى ونعطيها محاذاه لليمين

تصميم استايل احترافي لمنتديات وتوزيعه

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

تصميم استايل احترافي لمنتديات وتوزيعه

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

تصميم استايل احترافي لمنتديات وتوزيعه

صار شكل الاستايل كذا 100%

تصميم استايل احترافي لمنتديات وتوزيعه

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

تصميم استايل احترافي لمنتديات وتوزيعه

بواسطة هذي الاداه

تصميم استايل احترافي لمنتديات وتوزيعه

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

تصميم استايل احترافي لمنتديات وتوزيعه

عشان نشوف اكواد الاستايل

تصميم استايل احترافي لمنتديات وتوزيعه

وهذا امر التنصيف اللي اعطينا الخليه الوسطيه

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

اللحين لونت لكم الاكواد بلونين ازرق واصفر (نصراوي )

اللي محدد بالاصفر للهيدر واللي محدد بالازرق للفوتر

تصميم استايل احترافي لمنتديات وتوزيعه

انتهى التوزيع في الفرونت بيج

:::::::::::::::::::::::::::::::::::::::::::::::::

التركيب في المنتدى

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

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

ومنها التحكم في الاستايلات

تصميم استايل احترافي لمنتديات وتوزيعه

راح تظهر لك الاستايلات في الجهه اليسر بهذا الشكل

تصميم استايل احترافي لمنتديات وتوزيعه

اضغط على القائمه المنسدله التابعه للاستايل واختر common templats

تصميم استايل احترافي لمنتديات وتوزيعه

راح يطلع معاك ثلاث صناديق

الصندوق الاول header مطلوب

الصندوق الثاني headinclude غير مطلوب

الصندوق الثالث footer مطلوب

الصناديق الباقيه كانكم ماشفتوها

تصميم استايل احترافي لمنتديات وتوزيعه

نمسك الصدوق الاول الـ header ونمسح كل مافيه ومانبقى الا

$spacer_open

$_phpinclude_output

تصميم استايل احترافي لمنتديات وتوزيعه

نروح للفرونت بيج وننسخ الجزء العلوي مثل ماهوي مشار في الصوره

تصميم استايل احترافي لمنتديات وتوزيعه

ونلصقه بالهيدر فوق هذي العباره

$spacer_open

$_phpinclude_output

تصميم استايل احترافي لمنتديات وتوزيعه

ونروح للفرونت بيج وننسخ الجزء السفلي مثل ماهو مشار بالصوره

تصميم استايل احترافي لمنتديات وتوزيعه

ونلصقه في اخر الفوتر

وين كلمة @@@@@@@@@@@

تصميم استايل احترافي لمنتديات وتوزيعه

تحتها بالضبط

ثم حفظ

تصميم استايل احترافي لمنتديات وتوزيعه

نروح المنتدى ونشاهده بسم الله عليه يخزي العين عم بيجنن

لكن

فيه تباعد بالاطراف ولاهو ممسوك في جدار المنتدى

تصميم استايل احترافي لمنتديات وتوزيعه

وشو الحل ياجماعه

الحل نروح ونضغط على متغيرات الاستايل ونختار منها المتغير Body (Customized in this Style

وراح تكون القيم فيه

margin: 5px 10px 10px 10px;
padding: 0px;

نخليها

margin: 0px 0px 0px 0px;
padding: 0px;

عشان نشد

تصميم استايل احترافي لمنتديات وتوزيعه

والاكيد انه شد

تصميم استايل احترافي لمنتديات وتوزيعه

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



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

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

توقيع  NemR

 

احفظ الله يحفظك
" من سئل عن علم فكتمه ألجمه الله يوم القيامة بلجام من نار"
معا يد بيد لنرقي بشبكة الصقر
موضوع مغلق

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

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


الكلمات الدلالية (Tags)
لمنتديات, احترافي, استايل, تصميم, وتركيبه, وتوزيعه

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

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

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

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

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


الساعة الآن 05:32


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

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