اليوم اقدم لكم طريقة وضع أي صورة بأي حجم كانت في أي مكان في الموقع
الطريقة هي عبارة عن كود HTML يوضع في اي مكان (صفحات HTML)
اليكم الكود وطريقتة:
- الكود:
-
<div id="plane"></div><div id="wrap"></div>
<style>
#plane {
background:url('ضع رابط الصورة هنا') no-repeat center center;
width: عرض الصورةpx;
height: ارتفاع الصورةpx;
}
#plane {
position :absolute ;
top:100px;
left:80px;
}
</style>
ضع رابط الصورة في الكود و غير قيمة العرض والارتفاع
width:93px; .......... العرض
height:90px; .......... الارتفاع
ولتحديد مكان الصورة في الصفحة غير القيم التالية:
top:100px; ........ المسافة بين الصورة وأعلى المتصفح ويمكنك تغييرها من الاعلى الى الاسفل بتغيير top الى down
left:80px; ....... المسافة بين الصورة ويسار المتصفح ويمكنك تغيرها من اليسار الى اليمن بتغيير left الى right
هذا الكود جاهز كمثال:
- الكود:
-
<div id="plane"></div><div id="wrap"></div>
<style>
#plane {
background:url('http://i49.servimg.com/u/f49/16/89/40/74/32310.png') no-repeat center center;
width:93px;
height:90px;
}
#plane {
position :absolute ;
top:100px;
left:80px;
}
</style>
اتمنى الشرح واضح وبالتوفيق
منقول من حوف نت