هيلبرنت | Helpernt - [ شرح ] شرح كود 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> يستخدم لعرض صفحة أخرى داخل الصفحة.

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