المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : احترف في وضع خلفية لمنتداك او موقعك اكثر من طريقة لوضع الخلفية


اشراق العالمrss
02-21-2009, 10:46 PM
السلام عليكم ورحمة الله وبركاته
احترف في وضع خلفية لمنتداك او موقعك اكثر من طريقة لوضع الخلفية
صباح الخير .. تعرفون هالايام الكل يبي يتعلم لغة css و الحين امس و اليوم تعلمت اشياء كثيرة في هذه اللغة .. و حبيت انقل لكم تجاري بهذه اللغة
أربع طرق لوضع خلفية للمنتدى او الموقع عن طريق css


ملاحظة مهمة :

لابد من جعل خلفية Bodyشفافة transparent
http://upload.traidnt.net/upfiles/K0e68216.gif

لابد من جعل خلفية Page Background شفافة transparent
http://upload.traidnt.net/upfiles/HIB68256.gif

الطريقة الأولى
الخلفية سوف تكون ثابته لا تتحرك
مثال
http://upload.traidnt.net/upfiles/w0j68532.gif

الكود
رمز PHP:
body {
background-color: #E1E1E2;
background-image: url("images/asem_background.png");
background-repeat: no-repeat;
}





الطريقة الثانية
الخلفية سوف تتكرر متكرره أفقيآ و عمودياآ
مثال

http://upload.traidnt.net/upfiles/OSF68879.gif
الكود
رمز PHP:
body {
background-color: #E1E1E2;
background-image: url("images/asem_background.png");
background-repeat: repeat
}



الطريقة الثالثة
الخلفية سوف تتكرر أفقيآ فقط
مثال
http://upload.traidnt.net/upfiles/Y0269180.gif

الكود
رمز PHP:
body {
background-color: #E1E1E2;
background-image: url("images/asem_background.png");
background-repeat: repeat-y
}



الطريقة الرابعة
الخلفية سوف تتكرر عموديآ فقط
مثال
http://upload.traidnt.net/upfiles/9D969389.gif

الكود
رمز PHP:
body {
background-color: #E1E1E2;
background-image: url("images/asem_background.png");
Background-repeat: repeat-x
}



http://upload.traidnt.net/upfiles/HBH69611.gif
يوضع الكود في
http://upload.traidnt.net/upfiles/XRz69952.gif

تقبوا تحياتي اخوكم عاصم الخوفي:)