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

السلام عليكم مش فاهم هنا

https://pbboard.info/forums/t1850

على فرض وجدت فيه:


body {
background-color: #F3F3F3;
margin: 10px 10px 0 10px;
}

غيره إلى - هذه القيم حسب الصورة التس سنستعمها غير efefef وعنوان الصورة حسب الحاجة.



body {
background:#efefef url(images/bg.gif) repeat-y fixed center top;
margin: 10px 10px 0 10px;
}


حيث images/bg.gif هو عنوان صورة الخلفية التي تريدها، إذا استعملت نفس هذا ضع الصورة bg.gif في مجلد images الموجود في مجلد القالب الذي تستعمله. (لا تنس أن ترفعها لمنتداك)


اللي مش فاهمه : ان #efefef اغيره لماذا؟

وديه :






<code class="Brush plain" style="border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; min-height: auto !important; color: black !important;">body { </code>
<code class="spaces" style="border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; min-height: auto !important;"> background-color: #F3F3F3; </code>
<code class="spaces" style="border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; min-height: auto !important;"> margin: 10px 10px 0 10px; </code>
<code class="Brush plain" style="border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; min-height: auto !important; color: black !important;">}</code>

اغيره لدي:








body {
background:#efefef url(images/bg.gif) repeat-y fixed center top;
margin: 10px 10px 0 10px;
}
ولا ايه يرجى التوضيح والشرح بوضوح