منتديات عصامي للعلوم
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.



 
الرئيسيةجديد المنتدياتأحدث الصورالتسجيلدخول

... تعتذر إدارة منتديات عصامي للعلوم لك يا زائر عن كل إشهار قد يظهر على صفحاته ، و هو غير لائق بمقام المنتديات لأنه ملك لاستضافة أحلى منتدى ...
[HTML] طريقة وضع صورة في أي مكان في الموقع Oouou10

 

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
أمل الأمة

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


عدد المشاركات : 752
نقاط المشاركات : 2186
نقاط التميز : 16
تاريخ التسجيل : 29/07/2010

[HTML] طريقة وضع صورة في أي مكان في الموقع Empty
مُساهمةموضوع: [HTML] طريقة وضع صورة في أي مكان في الموقع   [HTML] طريقة وضع صورة في أي مكان في الموقع Avatarالإثنين ديسمبر 17, 2012 4:53 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>

اتمنى الشرح واضح وبالتوفيق
منقول من حوف نت
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
[HTML] طريقة وضع صورة في أي مكان في الموقع
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» [HTML] كود عمل بالونات طائرة في الموقع [حصريا]
»  طريقة إعادة برمجة هواتف نوكيا إلى مصنعها الأصلي طريقة ناجحة ومضمونة 100/100
» اليوتيوب هو أفضل مكان يمكنك أن تحصل منه على عملاء
» برنامج mmu ارسال الملفات بالبلوتوث فى اى مكان بحجم 1 ميجا وعلى اكتر من سيرفر
» مصباح: “البليدة أو مكان آخر.. المهم أننا نلعب في مدينة جزائرية وسنفرح أنصارنا هذه المرة”

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات عصامي للعلوم :: .:. دعم و تطوير المواقع و المنتديات .:. :: دعم منتديات أحلى منتدى :: قسم أكواد HTML-
انتقل الى: