s3cTur3.dll
°ˆ~*¤®§(*§الأداَره §*)§®¤*~ˆ°
المشاركات : 749
تاريخ الميلاد : 14/04/1998
تاريخ التسجيل : 13/09/2010
العمر : 26
الجنس : 
 |  موضوع: :: دوره تصميم أستايلات في بي :: الدرس الثامن :: شرح توسيط المنتدى ووضع خلفية للمنتدى  السبت مارس 05 2011, 20:26 | |
| الدرس السابع:شرح توسيط المنتدى ووضع خلفية للمنتدى
بسم الله الرحمن الرحيم
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
بعد ما انهينا الدروس الاساسية فى تصميم الاستايلات
ننطلق الحين للدروس التجميلية والاضافية , حتى تكون عرفت كل صغيرة وكبيرة
درسنا اليوم هو شرح كيفية توسيط المنتدى + وضع خلفية على جانبى المنتدى
اولا: قم بفتح عمل جديد على الفوتوشوب
والمقاسات راح تكون كالاتى:
الارتفاع 830 X العرض 1200
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
ثم الحين بعد فتح العمل نقوم برسم اى شىء تريده
اى لون حسب الاستايل اللى انت شغال عليه
ولاحظ شىء مهم, وهو انك لو بدك ترسم شىء مثلا على العمل
او اى كتابة , وبدك هالكتابة تظهر على جانبى المنتدى
شوف المنطقة اللى راح ترسم فيها
شوف......
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
وطبعا بالمثل ترسم على الناحية الاخرى(اليمنى)
والحين بعد ما تسوى العمل اللى بدك اياه
احفظ العمل بالامتداد اللى يعجبك ويفضل gif
ثم ضع الصورة داخل مجلد الصورimages
لاحظ [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] احنادرسنا هذا ليس له علاقة بما سبق,واقصد ليس له علاقه بمجلد mtwer اللى سويناه, ولكنها اضافات حتى تلم بالموضوع
والحين نتوجه لاعدادات الcss للاستايل
وراح نقوم بالاتى:
1- نقوم بتغيير عرض الجدول الاساسى الى 777 بدلا من 100%
شوف.......
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
2- الحين ننزل لجدول الbody ثم نقيم بأضافة الكود الاتى فى الخلفية
كود:
#FFFFFF url(images/xxx.gif) repeat-y fixed center top
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
لاحظ xxx تعنى اسم الصورة اللى حفظناها داخل مجلد images
احفظ
وبعدين روح شوف المنتدى
شوف.......
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
انتهى
انتظروا الاضافة التالية فى الدرس القادم
| |
|
