
المشاركة الأصلية كتبت بواسطة ابو الويس
اخي الجواب الشافي عندي
بس ركز معي شويه ساشرح لك مع اني مش عارف 100% شو هو طلبك
لكن سيبك من الجداول انت عاوز الي background الي بيكون بداخل وسم ال body
يعني للصفحه
عاوزه كده مثل موقعي:
www.donet.co.il
طيب ساعطيك كود ال css .. وبعدها ساشرح لك معنى كل كود وساعطيك افكار لبعض الحيل
هذه بعض اكواد ال css الخاصه بال body
كود:
<style type="text/css">
body{
background-image:url('img/bg.gif');
background-position: top right;
background-attachment: fixed;
}
</style>
1)طبعا اول شئ هذا وسم فتح الستايل واخر شئ اغلاقه
المهم عرفنا كلاس اسمه body
اول سطر نقول له بان الخلفيه هي الصوره التي مسارها مكتوب
2)ثاني سطر ما معناه؟؟ احيانا عندما تضع خلفيه مثلا 100 بيكسل * 100 بيكسل فانها ستنتشر على كل الصفحه طبعا ولكن هنا نقول له ان الصوره ستكون ظاهره كلها من اليمين ومن الاعلى يعني مش نصفها :looking: مش عارف اعبر.. لنفرض انك وضعت صورتك.. فسترى مثلا انها تنتشر على الصفحه وفي اليسار فقط نصف الصوره لانه لا يوجد المزيد من المكان.. فهنا نحد نحدد له من اين يبدأ الفرض وقد حددنا top right يعني من ابدأ من اعلى اليمين
لو مثلا حددنا top left سيبدأ من اعلى الشمال او bottom left الخ .. طبعا لا تستطيع ان تقول له top bottom

ما ينفع..
ستفهم قصدي عندما تجرب الخيارات وتجرب بدونها
3) وهو الاجمل على الاطلاق.. طبعا وضعت صورتك ولكن ماذا لو موقعك كبير ونازل لتحت كتير .. ستنزل لتحت وال background سيتحرك معك.. نحن في هذا السطر قلنا له ان يتركه ثابت.. ستنزل انت وستبقى الخلفيه ثابته
هكذا بالضبط عاملين المواقع الي انت اعطيتها مثال .. على فكره هذا الكود الي اعطيتك اياه هو المستخدم في موقعي والصوره للخلفيه عباره عن صوره عرضها فقط 1 بيكسل وارتفاعها اكثر من 1000 .. ومدرجه كما ترى.. السبب انه ارتفاعها اكثر من الف كي لا ترى تكرار الصوره..
ملاحظه: حتى لو نزلت لتحت كتير لن ترى التكرار لانه fixed يعني ثابت
ماذا لو اردت ان تضع صوره واحده فقط في اعلى اليمين ولا تريدها ان تتكرر؟؟
ادخل هذا الستايل:
كود:
background-repeat: no repeat;

نقول له لا تكرر صورة الخلفيه
بامكانك ان تضع صورة شعار موقعك في اعلى اليمين مثلا وتعملها fixed فستراها كانها ترافق الموقع مهما طلعت ونزلت به

تنفع للاعلانات
ويوجد امر اخر وهو الاساسي طبعا وهو اللون
كود:
background-color: #ff0000;
شكرا
واذا ما فهمت او ما نفع معك بامكانك اخباري بما تريد عمله بالضبط وسارشدك