الموضوع: [ شرح ] شرح كود iframe او اى فريم
عرض مشاركة واحدة
احصائياتى

الردود
4

المشاهدات
2917
abo-karim
.:: Administrator ::.
  • abo-karim has much to be proud ofabo-karim has much to be proud ofabo-karim has much to be proud ofabo-karim has much to be proud ofabo-karim has much to be proud ofabo-karim has much to be proud ofabo-karim has much to be proud ofabo-karim has much to be proud of

  • abo-karim غير متواجد حالياً

المشاركات
4,227

+التقييم
20

تاريخ التسجيل
Jun 2015

الاقامة
ام الدنيــ EGYPT ــا

نظام التشغيل
windows 7

رقم العضوية
1
03-29-2019, 07:29 PM
المشاركة 1
03-29-2019, 07:29 PM
المشاركة 1
افتراضي شرح كود iframe او اى فريم
اولا التعريف بـiframe
هو كود من خلاله تقدر تحط صفحة بداخل صفحة اخري وهو عبارة عن كود html اى هاتمل يمعنى لو اتكلمنا عن المنتديات او المدونات ............. الخ ولدينا موضوع بها فيديو مثلا ونريد ان ندعم به هذا الدرس او الشرح سيتم زرع هذا الفيديو من الموقع اللى كان فيه من خلال كود الفريم او الاطار او iframe

كود Iframe وكيفية استخدامه
سنستعرض معك اليوم بعض استخدامات كود الفريم او الصفحات
كود:
<iframe src="URL"></iframe>
لإظهار اى موقع مل ما عليك هو تغيير URL بالأحمر برابط الموقع المعنى او المراد ظهور .. ليظهر في الصفحة التي تريدها.

إعدادت التحكم

الطول والعلو Height and width

كود:
<iframe src="www.helpernt.com" height="200" width="300"></iframe>
height للتحكم في الطول أو العلو.
width للتحكم في العرض.

الحد Border

Iframe يكون معها حد بشكل عشوائي، ولديك خياران باستعمال CSS:

1. حذف الحد بإضافة قاعدة border: none اي عدم إظهار الحد نهائيا.

كود:
<iframe src="demo_iframe.htm" style="border: none;"></iframe>
2. إضافة حد من اختيارك
2px حجم الحد.
solid نوع الحد.
grey لون الحد ( يمكنك استخدام أداة أكواد الألوان لاختيار اللون الذي يناسبك).
كود:
<iframe src="demo_iframe.htm" style="border: 2px solid grey;"></iframe>
فى النهاية:
وسم <iframe> يستخدم لعرض صفحة أخرى داخل الصفحة.


هذا كان شرح بسيط وسلسل نتمنى الاستفادة