[ توزيع الأستايل الأحترافي+ تركيبه] الجزء الثاني

[ساحر البسمة]

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

=================================
الدرس اللي قبل هذا كان يتكلم عن التصميم والتقطيع وهذا الدرس التوزيع والتركيب
طيب نجي ونوزع على الفرونت بيج مثل ماقلت لكم في الدروس التمهيديه السابقه
اللي مايعرف يوزع اللحين ارجوه رجاء خاص يراجع الدروس في المبتدئين + درس توزيع الاستايل رباعي الاطراف
عشان لايتعبني ولا اتعبه
ملاحظه
اشوف ناس تاركه كل الدروس وجايه على دروس الاحتراف ويجي يطرح اسئله لا لها اول ولا تالي
ياخوي او ياختي روح للدروس السابقه التمهيديه عشان تقدر تفهم هذي الدروس
طلوع الدرج من اسفله ماهو من اعلاه [Link nur für registrierte Benutzer sichtbar]

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

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

ولابد ان يكون تصفح الشاشه على 1024 حتى يكون الشد مضبوط

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

[Link nur für registrierte Benutzer sichtbar]

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

[Link nur für registrierte Benutzer sichtbar]

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

[Link nur für registrierte Benutzer sichtbar]

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

[Link nur für registrierte Benutzer sichtbar]

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

[Link nur für registrierte Benutzer sichtbar]

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

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

[Link nur für registrierte Benutzer sichtbar]

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

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

[Link nur für registrierte Benutzer sichtbar]

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

[Link nur für registrierte Benutzer sichtbar]

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

[Link nur für registrierte Benutzer sichtbar]

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

[Link nur für registrierte Benutzer sichtbar]

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

[Link nur für registrierte Benutzer sichtbar]


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

[Link nur für registrierte Benutzer sichtbar]

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

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

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

عندنا اربعه زوايا = ادراج صوره نستخدم هذي الاداه [Link nur für registrierte Benutzer sichtbar]

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

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

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

[Link nur für registrierte Benutzer sichtbar]

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

اللحين نبدى ندرج اربع زوايا عن طريق هذي الصوره [Link nur für registrierte Benutzer sichtbar]

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

[Link nur für registrierte Benutzer sichtbar]


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

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

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

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

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

[Link nur für registrierte Benutzer sichtbar]

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

[Link nur für registrierte Benutzer sichtbar]

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

[Link nur für registrierte Benutzer sichtbar]

ثم موافق

[Link nur für registrierte Benutzer sichtbar]

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

[Link nur für registrierte Benutzer sichtbar]

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

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

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

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

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

[Link nur für registrierte Benutzer sichtbar]


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

[Link nur für registrierte Benutzer sichtbar]

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

[Link nur für registrierte Benutzer sichtbar]

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

[Link nur für registrierte Benutzer sichtbar]

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

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

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

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

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

[Link nur für registrierte Benutzer sichtbar]


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

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

[Link nur für registrierte Benutzer sichtbar]


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

[Link nur für registrierte Benutzer sichtbar]

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

اللحين ندرج الصور التجميليه في الهيدر بواسطه هذه الاداره [Link nur für registrierte Benutzer sichtbar]

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

[Link nur für registrierte Benutzer sichtbar]

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

[Link nur für registrierte Benutzer sichtbar]

نختار 3 اعمده

[Link nur für registrierte Benutzer sichtbar]

اللحين ندرج الصور التجميليه في الفوتر بواسطه هذه الاداره [Link nur für registrierte Benutzer sichtbar]

[Link nur für registrierte Benutzer sichtbar]

هاه انتيهنا والا مانتيهنا [Link nur für registrierte Benutzer sichtbar]

باقي ايش؟

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

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

[Link nur für registrierte Benutzer sichtbar]

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

[Link nur für registrierte Benutzer sichtbar]

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

[Link nur für registrierte Benutzer sichtbar]

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

[Link nur für registrierte Benutzer sichtbar]


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

[Link nur für registrierte Benutzer sichtbar]

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

[Link nur für registrierte Benutzer sichtbar]

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

[Link nur für registrierte Benutzer sichtbar]

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

[Link nur für registrierte Benutzer sichtbar]

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

[Link nur für registrierte Benutzer sichtbar]

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

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

اللحين لونت لكم الاكواد بلونين ازرق واصفر (نصراوي ) [Link nur für registrierte Benutzer sichtbar]

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

[Link nur für registrierte Benutzer sichtbar]

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

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

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

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

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

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

[Link nur für registrierte Benutzer sichtbar]


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

[Link nur für registrierte Benutzer sichtbar]

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

[Link nur für registrierte Benutzer sichtbar]

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

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

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

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

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

[Link nur für registrierte Benutzer sichtbar]


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

$spacer_open

$_phpinclude_output

[Link nur für registrierte Benutzer sichtbar]

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

[Link nur für registrierte Benutzer sichtbar]

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

$spacer_open

$_phpinclude_output

[Link nur für registrierte Benutzer sichtbar]

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

[Link nur für registrierte Benutzer sichtbar]

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

وين كلمة </******************************>

[Link nur für registrierte Benutzer sichtbar]

تحتها بالضبط

ثم حفظ

[Link nur für registrierte Benutzer sichtbar]

نروح المنتدى ونشاهده بسم الله عليه يخزي العين عم بيجنن [Link nur für registrierte Benutzer sichtbar]

لكن

فيه تباعد بالاطراف ولاهو ممسوك في جدار المنتدى [Link nur für registrierte Benutzer sichtbar]

[Link nur für registrierte Benutzer sichtbar]

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

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

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

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

نخليها

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

عشان نشد

[Link nur für registrierte Benutzer sichtbar]

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

[Link nur für registrierte Benutzer sichtbar]


نشوف الاستايل

[Link nur für registrierte Benutzer sichtbar] ([Link nur für registrierte Benutzer sichtbar])


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

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

منقول من ترايد نت

[عبـ الوجدان ـير]

[Link nur für registrierte Benutzer sichtbar]

مشكووور اخوي
يعطيك العافية
جزاك الله خير
دمت بخير

[Link nur für registrierte Benutzer sichtbar]

[IllusioN]

مشكوووووووووور أخوي

إبدااااااااع :)

[ماجد]

مشكور يا رائع ..

[The king]

ابدااااااع مابعده ابداع