درس كامل بالصور لعمل ستايل للتوقيع

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

نبتدي بسم الله توكلنا على الله ,, لكن قبل ما ابدأ احب اقول لكم انه الشرح منقول ..
اخواني كونو مركزين معاي وجيبي كاسة شاهي او العصر وبعض الكعك او البسكوت ...


اول شي نفتح الفوتوشوب " Adobe Photoshop 7.0 ME " اول ما يفتح الفوتوشوب نضغط بالكيبورد Ctrl+N راح تفتح لنا صفحة حطو المقاسات العرض 350 والطول 200 كما ترون في الصوره اضبط الإعدادات مثل الي بالصوره


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


الحين قبل لا تسوي الأظلاع او باقي الدرس سوي مثل ما بالصوره هذي سوي " Create a New Layers " كما ترى في الصوره


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


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


بعد ما سويتله تدرج لوني روح وسوي له " Stroke " باللون الي تبيه والدرجه خليها " 1 " كما تشوف بالصوره من هالخيار


الحين حطيت للظلع كل شي تدرج لوني وستروك وكل شي يعني دلعته على قولت ## بس الحين كما تشاهد في الصوره سويت كل شي للضلع انسخ الظلع بضغطك على لاير الظلع وسوي بالكيبورد Ctrl+J راح تتنسخ الطبقه كما تشاهد الأن


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


الحين خلصنا من الظلع الأعلى والظلع الأسفل الحين نروح للإطار الأيمن وللإطار الأيسر الحين من جديد نروح ونسوي " Create a New Layers " كما تشاهد بالصوره


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


الحين حطيتله تدرج لوني وكل شي الحين انسخ الإطار الأيمن بالضغط على لاير الإطار الأيمن والضغط بالكيبورد على Ctrl+J وبكذا راح تتنسخ الطبقه كما تشاهد في الصوره


بعد ما نسخنا الطبقه وسوينا كل شي ,, وسحبناها من اليمين الى الشمال راح تصير عندنا الشكل كامل ظلع سفلي وظلع علوي وإطار ايمن وإطار ايسر كم تشاهد في الصوره


الأن طريقة التقطيع ,, التقطيع كما تشاهده في الصوره ثلاث قطع علويه وثلاث قطع سفليه وقطعتين كاملتين للإطار الأيمن والأيسر وهناك نموذج للتقطيع في المرفقات كما تشاهد في الصوره


الحين نيجي لطريقة التركيب بالفرونت بيج عشان نحطه بالمنتدى ويطلع الشكل تمام
بعد التقطيع احفظ التقطيع من قائمة File وخيار Save For Web ونروح على كلمة Save ونحطها في الـ Desktop الي هي سطح المكتب .. وراح يوجد لدينا ملف بأسم images وصفحة HTML مالك شغل بالصفحه هذي لك شغل بملف الـ images اوكي ركز معاي

ادخل برنامج الـ " Front Page " وروح على خيار Code بأسفل البرنامج وامسح الكود الي يوجد داخله كما تشاهد في الصوره


خليها كذا فاضيه مررره اوكي ؟؟ كما تشاهد في الصوره


الأن ركز معاي عقب ما مسحنا الكود نروح عند الكلمه Design ونروح فوق على الخيارات ونختار 9 قوالب كل ثلاثه بصف واحد كما تشاهد في الصوره


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


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


عقب ما ضبطنا الأعدادات راح يصير الشكل كذا كما تشاهد في الصوره


الحين شنو صار عندنا من ملف الـ images صار عندنا كما تشاهدون في الصوره


نختار الجزء الأيمن العلوي والجزء الأيسر العلوي والجزء الأيسر السفلي والجزء الأيمن السفلي كما تشاهدون في الصوره


الحين عقب درجنا الأجزاء الأربعه وش نسوي ؟؟ نروح على المكان الوسطي الي بين الأجزاء فوق بين كل جزئين جزء وسطي نروح له ونضغط بيمين الماوس ونروح على كلمة Cell Properties ونروح تحت كل ونضغط على Browse وننزل الخلفيه المتبقيه من التقطيع تلقونها لوحها ونفس الشي سوي بالوسط للفوتر وبنفس الطريقه روح على الجزء للإطار الأيمن سوي Cell Properties ونزل من Browse الإيطار الأيمن ونفس الشي لإطار الأيسر كما تشاعد في الصوره


وبعد ما سوينا كل هذا ؟؟ شدهم الله لا يهينك ليه يتلازقون الأطراف اوكي كما تشاهد امامك


والحين ليمن شديناهم وحطينه الخلفيه بالوسط وش نسوي ؟؟ الحين ننزل الظلع العلوي بمكانه المنساب والظلع السفلي بمكانه المناسب كما ترون في الصوره


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


شديناه وصار معانا الشكل كذا صح .. مثل مانتو شايفين بالصوره امامكم


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


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

كود:

كود:

$post[signature]

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


الحين سوينا كل شي وحطينه الكود علشان يظهر التوقيع في نص الأستايل صح ؟؟ لكن كيف بنحط خلفيه بدل اللون الأبيض الي ورا الكود حق التوقيع بالتصميم ؟؟ كيف ؟؟ انا اقولكم روحوه على الفراق الأبيض الي بجنب كود التوقيع بيمين الماوس ونضغط على كلمة Cell Properties كما ترون في الصوره ونروح على Browse تحت كما ترون


وندرج الخلفيه الي لحالها الي ادرجناها قبل لتمدد الوسط ندرجها هنا كما تلاحظون امامكم كيف


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


الحين بس الاكواد ,, الاكواد كله واحد بس روح على كلمة Code بأسفل الفرونت بيج وسوي بالكيبورد Ctrl+A بس قبل لا تنسخه عدل الروابط كما تشاهد في الصوره


الحين خلصنا من التصميم والتركيب واخذ الاكواد ونسخهم وتعديل روابطهم ,,
حمل الصور الى ملف images الي داخل مجلد المنتدى الرئيسي vb
وطريقة التركيب في المنتدى هي كالتالي

افتح postbit

أبحث عن :


كود:

كود:

__________________<br /> $post[signature]

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

_____________________
اتمنى ان الشرح نال اعجابكم

للأمانة الموضوع والشرح من الايميل ..
مع تحياتي لكم ..

وشكراً

ولا تنسوا انه منقول عشان ما تحذفون الموضوع ..

مشكور أخوي على الشرح الرائع و الوافي

وواصل تميزك يا مميز
تحياتي

مشكور حبيبي
على الشرح الأكثر من رائع
تحياتي لك حبيبي
وبانتظار جديدك يالغالي

الله يعطيك العافية يارب ،،

ماشاء الله عليك ،،

الصراحة مــــــــــــــــــــــبد ع ،،

تحياتي

مشكورين على مرووركم للموضوع .. الرائع ..

نور الموضوع .. بمرووركم ..

تسلم حبيبي عالموضوع الرائع والتنسيق الأروع