شرح طريقة وضع خلفية في الاطراف الى الاستايل style الغير متمدد

[romaissa]

http://www.dzbatna.com/images/icons/iconrote.gif ط´ط±ط* ظˆط¶ط¹ ط®ظ„ظپظٹط© ظپظٹ ط§ظ„ط§ط·ط±ط§ظپ ط§ظ„ظ‰ ط§ظ„ط§ط³طھط§ظٹظ„ ط§ظ„ط؛ظٹط± ظ…طھظ…ط¯ط¯ (http://www.dzbatna.com/t1377983/)



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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


رمز PHP:

<code style="white-space:nowrap"> <code> 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;
</code> </code>

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




رمز PHP:

<code style="white-space:nowrap"> <code> Style green/Style-green_02.gif
</code> </code>

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



رمز PHP:

<code style="white-space:nowrap"> <code> #507001
</code> </code>





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

الموضوع الاصلي

http://www.rawabetvb.com/vb/showthread.php?t=121068






ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)



https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©