كود حصرى لجعل صورة الخلفية للصفحة تتناسب مع حجم الشاشة بتقنية [ Css3 ]

استراحات زايد الصفحة الرئيسية

		منتدى استراحات زايد > استراحات اخرى > منتدى أخبار المواقع والمنتديات العربية والأجنبية
كود حصرى لجعل صورة الخلفية للصفحة تتناسب مع حجم الشاشة بتقنية [ Css3 ]

التسجيل

التعليمـــات

المجموعات

:: شراء اثاث مستعمل الجهراء: حل عملي واقتصادي (آخر رد :layansherief) :: مقاول مجالس خارجية بالرياض بأسعار منافسة وتصاميم فاخرة 0551033861 (آخر رد :ksa ads) :: لماذا يُعتبر استضافة ووردبريس المُدارة الخيار الأمثل لمواقع الإنترنت (آخر رد :نادية معلم) :: طµظٹط§ظ†ط© ظˆط§ظٹطھ ظˆط³طھظ†ط¬ظ‡ط§ظˆط³ ظپظٹ ظ…طµط± â€“ ط®ط¯ظ…ط§طھ ظ…ط¶ظ…ظˆظ†ط© ظˆظ‚ط·ط¹ ط؛ظٹط§ط± ط£طµظ„ظٹط© (آخر رد :انوش العاصي) :: ط´ط±ظƒط© ط¹ط²ظ„ ط§ظ„ط®ط²ط§ظ†ط§طھ ط§ظ„ط£ط±ط¶ظٹط© ط¨ط§ظ„ط±ظٹط§ط¶ (آخر رد :انوش العاصي) :: تركيب مظلات سيارات حديد في الرياض من مؤسسة قمم الرياض 0563866945 (آخر رد :ksa ads) :: أفضل خدمات الصيانة والتنظيف في جدة والطائف والباحة مع بشاير جدة (آخر رد :انوش العاصي) :: مساج ابها منزلى وفندقي 0565212890 (آخر رد :رودى طه) :: مساج منزلى جدة 0506485206 (آخر رد :رودى طه) :: صيانة مرسيدس – الحفاظ على أداء الفخامة والأناقة (آخر رد :alyomhost)

LinkBack

أدوات الموضوع

انواع عرض الموضوع

11-24-2010, 08:42 PM

محروم.كوم

عضو ماسي

بيانات محروم.كوم

رقم العضوية : 503

تاريخ التسجيل : Dec 2007

الجنس : female

علم الدوله : الدوله : United Arab Emirates

المشاركات : 2,100,670

عدد الـنقاط :3341

تقييم المستوى : 2140

كود حصرى لجعل صورة الخلفية للصفحة تتناسب مع حجم الشاشة بتقنية [ Css3 ]

الـسلام عليكم ورحمة الله وبركاته
بسم الله الرحمن الرحيم

ازيكم يا الغالين ،، إن شاء الله بخير دايـماً

أقدم لكم كود حصري جداااً ..

لجعل صورة الخلفية للصفحة تتناسب مع حجم الشاشة بتقنية [ Css3 ]
* فيجعل الصورة تظهر كاملة و تملاء الشاشة للتتناسب مع حجم المتصفح او مقاس الشاشة لديك ..
* يجعل الكود ايضاً الخلفية ثابتة لا تتأثر بحركة المحتوى نزولاً او صعوداً ..

مشاهدة مباشر :
http://www.progs4u.net/vb/example/full-background

هذا الكود ..

رمز PHP:

html {
background: url(images/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

مع تغيير مسار صورة :
images/bg.jpg

متوافق متصفحات :
Safari 3 - Chrome Whatever - IE 9 - Opera 10 - Firefox 3.6
----------------------------------------------------------------------------

1. شرح تركيب كود للمنتديات :
يتم وضع الكود فى [ تعاريف CSS الإضافية/Additional CSS Definitions ]
فى المربع الثانى الموجود فى التحكم بالاستايل ،، ثم اضغط حفظ ..
-------------------------
2. شرح تركيب كود للمواقع :
وضع كود فى ملف Css اى مكان ..
لو مش موجود ملف Css ،، افتح ملف اندكس [ index ]
الان ابحث كلمة
رمز PHP:

ثم وضع كود اسفله :

رمز PHP:

html {
background: url(images/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

مع تغيير مسار صورة :
images/bg.jpg
------------------------------------

إنتهت .. تم بحمد لله

الموضوع كامل جهد شخصي ،، دعواتكم لي بالتوفيق والنجاح

لن أسامح أسامح من يقوم بالنقل بدون ذكر المصدر ( برامج فور يو ) ورابط الموضوع
لن أسامح أسامح من يقوم بالنقل بدون ذكر المصدر ( برامج فور يو ) ورابط الموضوع
لن أسامح أسامح من يقوم بالنقل بدون ذكر المصدر ( برامج فور يو ) ورابط الموضوع

المصدر : http://www.progs4u.net/vb/showthread.php?p=12520

__DEFINE_LIKE_SHARE__

إعلانات عشوائية

تعارف بلاك بيري	صور بلاك بيري	قروبات بلاك بيري	اخبار رياضية	العاب فلاش	اهداءات اغاني للهواتف	نغمات جوال
أغاني	مسلسلات رمضان	مسجات	سوق محروم	سيارات للبيع	ارقام سيارات للبيع	برودكاست

مواقع النشر (المفضلة)

« تواير نيتو 555 ار 18/35/285 | أخوكم مستجد ويبي استفسار »

تعليمات المشاركة

لا تستطيع إضافة مواضيع جديدة

لا تستطيع الرد على المواضيع

لا تستطيع إرفاق ملفات

لا تستطيع تعديل مشاركاتك

BB code is متاحة

الابتسامات متاحة

كود [IMG] متاحة

كود HTML معطلة

Trackbacks are متاحة

Pingbacks are متاحة

Refbacks are متاحة

قوانين المنتدى

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
شركة Philips تعلن عن الشاشة Cinema 21:9 Platinum بتقنية الأبعاد الثلاثية	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	0	09-03-2010 06:20 PM
Set FULL SCREEN wallpaper for S60 V3 صورة الخلفية على الشاشة بكاملها	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	0	05-07-2010 06:20 PM
8\4\10 حصري اشكال الدائرة التي تدل عمل البرامج في الخلفية [ شكل 14] ArabPDA	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	0	04-09-2010 06:11 AM
كيف أجعل عرض الفيديو يعمل بلا توقف على الشاشة ؟	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	0	05-06-2009 11:10 PM
معدل: ما بحول الشاشة الى landscap في الخلفية الرئيسة مثل n95 8g	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	0	04-24-2009 01:30 PM

الساعة الآن 05:32 PM

RSS RSS 2.0 XML MAP HTML