:تنبية: تمنع الاعلانات في المنتدى وسيتم حذف أي اعلان !
   آخر المساهمات
أمس في 1:31 pm
4/17/2017, 2:47 pm
4/17/2017, 1:26 am
4/16/2017, 6:53 am
4/16/2017, 6:41 am
4/16/2017, 6:30 am
4/16/2017, 3:53 am

[HTML] طريقة وضع صورة في أي مكان في الموقع

مؤسس المنتدى
avatar
البلـد/الاقامة : الكويت
مشاركات : 13865
الانتساب : 21/03/2010
معاينة صفحة البيانات الشخصي للعضو
    8/8/2012, 2:36 pm  
السلام عليكم ورحمه الله وبركاته
تحية طيبة اعزائي اعضاء وزوار حوف نت



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

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


ابو مازن

عضو ملكي
avatar
البلـد/الاقامة : مصر
مشاركات : 4127
الانتساب : 04/03/2012
العمر : 29
معاينة صفحة البيانات الشخصي للعضو
    8/8/2012, 4:22 pm  
برنس برنس طول عمره قشطة عليك يا كينج
مؤسس المنتدى
avatar
البلـد/الاقامة : الكويت
مشاركات : 13865
الانتساب : 21/03/2010
معاينة صفحة البيانات الشخصي للعضو
    8/8/2012, 11:27 pm  
احلى مرور من احلى مشرف شكرا لك احمد
إدارية
avatar
البلـد/الاقامة : اليمن
مشاركات : 8873
الانتساب : 10/05/2010
معاينة صفحة البيانات الشخصي للعضو
    8/8/2012, 11:30 pm  
الله يعطيك العافيه على جهودك وتعاونك
مؤسس المنتدى
avatar
البلـد/الاقامة : الكويت
مشاركات : 13865
الانتساب : 21/03/2010
معاينة صفحة البيانات الشخصي للعضو
    8/8/2012, 11:39 pm  
الله يعافيك هذي انا شكرا لك
عضو نشيط
avatar
البلـد/الاقامة : الجزائر
مشاركات : 15
الانتساب : 15/12/2012
معاينة صفحة البيانات الشخصي للعضو
    12/17/2012, 4:23 pm  
شكرا

[HTML] طريقة وضع صورة في أي مكان في الموقع

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة

صفحة 1 من اصل 1
منتديات حوف نت :: حوف نت للـتــقـنـيــة :: تطوير المواقع والمنتديات :: أكواد (هاكات) من تطوير حوف نت [حصرية]

حفظ البيانات | نسيت كلمة السر؟