|
|
موضوع: كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها السلام عليكم ورحمة الله وبركاته كود css يوضع بورقة css تعمل على الاتي : التحكم بحجم الصور الكبيرة بجعلها لا تزيد عن مقاس معين حفظ على مظهر الموضوع وعدم تشوة عمل تاثير على الصور بإزاحة على اليسار او اليمين او تحت او فوق حسب الامر الذي تعطية بالكود صورة لعمل الكود - الكود:
-
.postbody img { max-width: 600px; /* Resize the image for IE6 */ width: expression(this.width > 600 ? 600: true); } /*SIDEPAN*/ .postbody img { margin-left: 0px; -webkit-transition: margin 1s ease; -moz-transition: margin 1s ease; -o-transition: margin 1s ease; -ms-transition: margin 1s ease; transition: margin 1s ease; } .postbody img:hover { margin-left: -10px; } كود الحركة للاعلى - الكود:
-
.postbody img { max-width: 600px; /* Resize the image for IE6 */ width: expression(this.width > 600 ? 600: true); } /*VERTPAN*/ .postbody img { margin-top: 0px; -webkit-transition: margin 1s ease; -moz-transition: margin 1s ease; -o-transition: margin 1s ease; -ms-transition: margin 1s ease; transition: margin 1s ease; } .postbody img:hover { margin-top: -20px; }
|
|