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


المنتدى الرسمي لمديرية حوف محافظة المهرة / منتدى متميز عن المنتديات لكل العرب.
 
الرئيسيةمعرض صور حوفأحدث الصورالتسجيلدخول

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

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

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

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


ابو مازن

[HTML] طريقة وضع صورة في أي مكان في الموقع 1905858005
AhmedTiger
عضو ملكي
AhmedTiger
البلـد/الاقامة : مصر
مشاركات : 4127
الانتساب : 04/03/2012
العمر : 36
   [HTML] طريقة وضع صورة في أي مكان في الموقع Clock110 8/8/2012, 4:22 pm  
برنس برنس طول عمره قشطة عليك يا كينج
ابو مازن
مؤسس المنتدى
ابو مازن
البلـد/الاقامة : الكويت
مشاركات : 13865
الانتساب : 21/03/2010
   [HTML] طريقة وضع صورة في أي مكان في الموقع Clock110 8/8/2012, 11:27 pm  
[HTML] طريقة وضع صورة في أي مكان في الموقع 2129921014 احلى مرور من احلى مشرف شكرا لك احمد
هذي انا
إدارية
هذي انا
البلـد/الاقامة : اليمن
مشاركات : 8873
الانتساب : 10/05/2010
   [HTML] طريقة وضع صورة في أي مكان في الموقع Clock110 8/8/2012, 11:30 pm  
الله يعطيك العافيه على جهودك وتعاونك
ابو مازن
مؤسس المنتدى
ابو مازن
البلـد/الاقامة : الكويت
مشاركات : 13865
الانتساب : 21/03/2010
   [HTML] طريقة وضع صورة في أي مكان في الموقع Clock110 8/8/2012, 11:39 pm  
الله يعافيك هذي انا شكرا لك [HTML] طريقة وضع صورة في أي مكان في الموقع 957708
yasser computer
عضو نشيط
yasser computer
البلـد/الاقامة : الجزائر
مشاركات : 15
الانتساب : 15/12/2012
   [HTML] طريقة وضع صورة في أي مكان في الموقع Clock110 12/17/2012, 4:23 pm  
شكرا

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

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

مواضيع مماثلة

-
» [HTML] كود عمل بالونات طائرة في الموقع [حصريا]
» [HTML] طريقة أخفاء وأظهار محتوى
» [صورة اليوم #103] مكان جميل لكن خطير!
» [شرح] طريقة وضع صورة شخصية
» [شرح] طريقة إدراج صورة في المساهمات

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

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