منتدى استراحات زايد - شرح وضع خلفية في الاطراف الى الاستايل الغير متمدد

السلام عليكم ورحمة الله وبركاته

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

أولا قبل العمل نشوف المثال

http://dc05.arabsh.com/i/00703/n1iaaqebdf9v.gif

نشوف المثال في أطراف الاستايل اليمين و اليسار

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

http://dc05.arabsh.com/i/00703/w8zu3gwph6bk.gif

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

http://dc05.arabsh.com/i/00703/wyo0st70ra6l.gif

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

ثم توجه الى لوحة التحكم الادارة
التحكم با الاستايلات > من الاستايل المطلوب توجه الى متغيرات الاستايل

ثم تابع الصورة التالية

http://dc05.arabsh.com/i/00703/ojo9zw5hqafj.gif

قم تغير عرض الجدول الاساسي الى 776
و حجم الفواصل الى 0

ثم توجه الى CSS الرئيسي

في الخيار الاول
خلفية المنتدى/Body

مثل الصورة التالية

http://dc05.arabsh.com/i/00703/dmg48njcrkx1.gif

في خيار خواص CSS الإضافية

ضيف الكود التالي

كود PHP:

margin: 0px 0px 0px 0px;
padding: 0px;
background-attachment: fixed;
background-color: #507001;
background-position: center top;
background-image: url('Style green/Style-green_02.gif');
background-repeat: no-repeat;

مع أستبدال مسار الصورة

كود PHP:

Style green/Style-green_02.gif

وأيضا استبدل لون الخلفية

كود PHP:

#507001

ثم أعمل حفظ
وهنا ينتهي الشرح
أتمنى ان اكون وفقت في شرحي http://www.leenkat.com/vb/images/smilies/biggrin.gif
أخوكم بحريني