السلام عليكم ورحمة الله وبركاته
احترف في وضع خلفية لمنتداك او موقعك اكثر من طريقة لوضع الخلفية
صباح الخير .. تعرفون هالايام الكل يبي يتعلم لغة css و الحين امس و اليوم تعلمت اشياء كثيرة في هذه اللغة .. و حبيت انقل لكم تجاري بهذه اللغة
أربع طرق لوضع خلفية للمنتدى او الموقع عن طريق css
ملاحظة مهمة :
- لابد من جعل خلفية Bodyشفافة transparent
http://www.new-style.ws/upload//uplo...1294706de6.gif
- لابد من جعل خلفية Page Background شفافة transparent
http://www.new-style.ws/upload//uplo...1294706de6.gif
الطريقة الأولى
الخلفية سوف تكون ثابته لا تتحرك
مثال
http://www.new-style.ws/upload//uplo...284285f55c.gif
الكود
كود PHP:
body {
background-color: #E1E1E2;
background-image: url("http://www.new-style.ws/vb/images/asem_background.png");
background-repeat: no-repeat;
}
الطريقة الثانية
الخلفية سوف تتكرر متكرره أفقيآ و عمودياآ
مثال
http://www.new-style.ws/upload//uplo...314de8bb8f.gif
الكود
الطريقة الثالثةكود PHP:
body {
background-color: #E1E1E2;
background-image: url("http://www.new-style.ws/vb/images/asem_background.png");
background-repeat: repeat
}
الخلفية سوف تتكرر أفقيآ فقط
مثال
http://www.new-style.ws/upload//uplo...8b308d6dfc.gif
الكود
الطريقة الرابعةكود PHP:
body {
background-color: #E1E1E2;
background-image: url("http://www.new-style.ws/vb/images/asem_background.png");
background-repeat: repeat-y
}
الخلفية سوف تتكرر عموديآ فقط
مثال
http://www.new-style.ws/upload//uplo...298639b064.gif
الكود
http://www.new-style.ws/upload//uplo...0ebd60534a.gifكود PHP:
body {
background-color: #E1E1E2;
background-image: url("http://www.new-style.ws/vb/images/asem_background.png");
Background-repeat: repeat-x
}
يوضع الكود في
http://www.new-style.ws/upload//uplo...db515b0a12.gif
تقبوا تحياتي اخوكم MoHaMMeD:)