السلام عليكم ورحمه الله وبركاته
تحية طيبة اعزائي اعضاء وزوار حوف نت



اليوم اقدم لكم طريقة وضع أي صورة بأي حجم كانت في أي مكان في الموقع
الطريقة هي عبارة عن كود 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>

اتمنى الشرح واضح وبالتوفيق


ابو مازن

برنس برنس طول عمره قشطة عليك يا كينج

احلى مرور من احلى مشرف شكرا لك احمد

الله يعطيك العافيه على جهودك وتعاونك

الله يعافيك هذي انا شكرا لك

شكرا