ظƒظˆط¯ ط*طµط±ظ‰ ظ„ط¬ط¹ظ„ طµظˆط±ط© ط§ظ„ط®ظ„ظپظٹط© ظ„ظ„طµظپط*ط© طھطھظ†ط§ط³ط¨ ظ…ط¹ ط*ط¬ظ… ط§ظ„ط´ط§ط´ط© ط¨طھظ‚ظ†ظٹط© [ Css3 ]


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

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

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

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



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

هذا الكود code ..

رمز PHP:
<code style="white-space:nowrap"> <code> 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;
}
</code> </code>



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

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

1. شرح طريقة تركيب install كود code للمنتديات :



يتم وضع الكود code فى [ تعاريف CSS الإضافية/Additional CSS Definitions ]
فى المربع الثانى الموجود فى التحكم بالاستايل style ،، ثم اضغط حفظ ..
-------------------------
2. شرح طريقة تركيب install كود code للمواقع :
وضع كود code فى ملف Css اى مكان ..
لو مش موجود ملف Css ،، افتح ملف اندكس [ index ]
الان ابحث كلمة
 رمز PHP:
<code style="white-space:nowrap"> <code> </title>
</code> </code>



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

رمز PHP:
<code style="white-space:nowrap"> <code> <style type="text/css">
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;
}
</style>
</code> </code>


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

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

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

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

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



اقتباس
الاداره :
http://www.dzbatna.net/Portal/Forums...logy-css3.html









©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©