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

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



мє∂ ρσкσяα
02-08-2009, 12:03 PM
السلام عليكم ورحمة الله وبركاته
احترف في وضع خلفية لمنتداك او موقعك اكثر من طريقة لوضع الخلفية
صباح الخير .. تعرفون هالايام الكل يبي يتعلم لغة css و الحين امس و اليوم تعلمت اشياء كثيرة في هذه اللغة .. و حبيت انقل لكم تجاري بهذه اللغة
أربع طرق لوضع خلفية للمنتدى او الموقع عن طريق css


ملاحظة مهمة :

لابد من جعل خلفية Bodyشفافة transparent

http://www.new-style.ws/upload//uploads/images/new-style-ws-1294706de6.gif (http://www.new-style.ws/upload//uploads/images/new-style-ws-1294706de6.gif)


لابد من جعل خلفية Page Background شفافة transparent

http://www.new-style.ws/upload//uploads/images/new-style-ws-1294706de6.gif (http://www.new-style.ws/upload//uploads/images/new-style-ws-1294706de6.gif)

الطريقة الأولى
الخلفية سوف تكون ثابته لا تتحرك
مثال
http://www.new-style.ws/upload//uploads/images/new-style-ws-284285f55c.gif (http://www.new-style.ws/upload//uploads/images/new-style-ws-284285f55c.gif)

الكود

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//uploads/images/new-style-ws-314de8bb8f.gif (http://www.new-style.ws/upload//uploads/images/new-style-ws-314de8bb8f.gif)
الكود

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//uploads/images/new-style-ws-8b308d6dfc.gif (http://www.new-style.ws/upload//uploads/images/new-style-ws-8b308d6dfc.gif)

الكود


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//uploads/images/new-style-ws-298639b064.gif (http://www.new-style.ws/upload//uploads/images/new-style-ws-298639b064.gif)

الكود

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//uploads/images/new-style-ws-0ebd60534a.gif (http://www.new-style.ws/upload//uploads/images/new-style-ws-0ebd60534a.gif)
يوضع الكود في
http://www.new-style.ws/upload//uploads/images/new-style-ws-db515b0a12.gif (http://www.new-style.ws/upload//uploads/images/new-style-ws-db515b0a12.gif)

تقبوا تحياتي اخوكم MoHaMMeD:)

خالد القحطاني
02-08-2009, 12:49 PM
بجد رائع

طريقة

رائعه واخف على المتصفح

وتسطيع عمل الكثير بهذه الخاصيه css


شكرأ استاذنا محمد

c0ptin_hackers
02-08-2009, 02:35 PM
تسلم اخى على الشرح الوافى بارك الله فيك اخى

мє∂ ρσкσяα
02-08-2009, 04:13 PM
نعم عزيزي خالد هده الخاصة تعمل بها كل شي
شكرا لكم على المرور

d r e a m s
02-15-2009, 10:47 PM
بارك الله فيك اخوي ..

ونفع بك ..

موفق ..

vip_becks7
02-19-2009, 09:37 PM
شرح رائع جدا

عاشت ايدك