سمجھتے ہیں کہ آئی ایفریمز کس طرح ویب سائٹ کے ڈیزائن میں کام کرتے ہیں
جب آپ اپنے HTML میں ایک عنصر کو سراغ دیتے ہیں، تو آپ کے پاس سی ایس ایس شیلیوں کو شامل کرنے کے دو مواقع ہیں:
- آپ خود کو IFRAME انداز کر سکتے ہیں.
- آپ IFRAME (کچھ مخصوص حالات کے تحت) کے اندر اندر صفحہ کو سٹائل کرسکتے ہیں.
IFRAME عنصر انداز کرنے کے لئے سی ایس ایس کا استعمال کرتے ہوئے
جب آپ کے آئیرس کو اسٹائل کرنے پر آپ کو غور کرنا چاہیے تو سب سے پہلے چیز IFRAME ہے. اگرچہ زیادہ تر براؤزر میں اضافی شیلیوں کے بغیر آئیرس شامل ہوتے ہیں، حالانکہ ان کے مطابق کچھ شیلیوں کو بھی شامل رکھنے کے لئے یہ ابھی بھی اچھا خیال ہے.
یہاں کچھ سی ایس ایس شیلیوں ہیں جو میں ہمیشہ اپنے آئرنوں پر مشتمل ہوں:
- مارجن: 0؛
- بھرتی: 0؛
- سرحد: کوئی نہیں
- چوڑائی: قیمت ؛
- اونچائی: قیمت ؛
چوڑائی اور اونچائی کے ساتھ اس سائز پر مشتمل ہے جو میرے دستاویز میں بیٹھتا ہے. یہاں کوئی فریم کے ساتھ ایک فریم کے مثالیں ہیں اور صرف اس کی بنیاد پر بنیادی طور پر سٹائل کروانے والے ہیں. جیسا کہ آپ دیکھ سکتے ہیں، یہ سٹائل زیادہ تر صرف iframe کے ارد گرد سرحد کو ہٹا دیں، لیکن یہ بھی یہ یقینی بناتا ہے کہ تمام براؤزر ایک ہی مارجن، padding، اور طول و عرض کے ساتھ iframe ظاہر کرتے ہیں.
HTML5 کی تجویز ہے کہ آپ اسکرین سلاخوں کو ہٹانے کے لئے اضافی پراپرٹی کا استعمال کرتے ہیں، لیکن یہ قابل اعتماد نہیں ہے. لہذا اگر آپ کتابوں کی سلاخوں کو ہٹانے یا تبدیل کرنا چاہتے ہیں، تو آپ کو اپنے آئیومیم پر بھی سکرالنگ کی خصوصیت کا استعمال کرنا چاہئے. طومار کرنے والی خصوصیت کا استعمال کرنے کے لئے، اسے کسی بھی خاصیت کی طرح شامل کریں اور پھر تین اقدار میں سے ایک کو منتخب کریں: ہاں، نہیں، یا آٹو. جی ہاں براؤزر کو ہمیشہ سکرال سلاخوں میں شامل کرنے کے لئے بتاتا ہے یہاں تک کہ اگر انہیں ضرورت نہیں ہے. کوئی کہنا ہے کہ ضرورت نہیں ہے یا تمام سکرال کی سلاخوں کو دور کرنے کے لئے.
خود کار طریقے سے ڈیفالٹ ہے اور جب وہ ضرورت ہوتی ہے تو سکرال بار بھی شامل ہوتی ہے اور جب وہ نہیں ہوتے ہیں تو انہیں ہٹاتا ہے.
یہاں سکرالنگ کی خصوصیت کے ساتھ سکرال کو بند کرنے کا طریقہ یہاں ہے:
طومار کرنا = "نہیں" >
یہ ایک آئی ایس آئی ایل ہے.
HTML5 میں سکرال کو بند کرنے کے لئے آپ کو اوور بہاؤ کی پراپرٹی کا استعمال کرنا ہوگا. لیکن جیسا کہ آپ ان مثالوں میں دیکھ سکتے ہیں وہ ابھی تک تمام براؤزروں میں قابل اعتماد کام نہیں کرتا.
یہاں ہے کہ آپ کس طرح بہاؤ پراپرٹی کے ساتھ ہر وقت طومار کر سکیں گے.
طرز = "اوور بہاؤ: کتابچہ؛" >
یہ ایک آئی ایس آئی ایل ہے.
بہاؤ پراپرٹی کے ساتھ مکمل طور پر سکرال کو بند کرنے کا کوئی طریقہ نہیں ہے .
بہت سے ڈیزائنرز چاہتے ہیں کہ ان کے آئکن کے صفحے کے پس منظر کے ساتھ مرکب کریں تاکہ وہ اس پر ہو کہ قارئین کو پتہ نہیں ہے کہ آئی ایس آئی بھی موجود ہیں. لیکن آپ اس سٹائل کو بھی شامل کر سکتے ہیں تاکہ وہ کھڑے ہوجائیں. سرحدوں کو ایڈجسٹ کرنے کے لئے تاکہ آئیٹر روم سے زیادہ آسانی سے ظاہر ہوتا ہے. طرز سرحدوں پر صرف سرحد سٹائل کی جائیداد (یا یہ متعلقہ سرحد کے اوپر، سرحد، دائیں، سرحدی بائیں، اور سرحد کے نیچے کی خصوصیات) کا استعمال کریں.
iframe {
سرحد کے اوپر: # c00 1px نقطہ نظر؛
سرحد کے دائیں: # c00 2px نقطہ نظر؛
سرحد بائیں: # c00 2px نقطہ نظر؛
سرحد کے نیچے: # c00 4px نقطہ نظر؛
}
لیکن آپ کو اپنی سٹائل کے لئے سکرال اور سرحدوں سے روکا نہیں ہونا چاہئے. آپ دوسرے ایس ایس ایس شیلیوں کو اپنے iframe پر لاگو کر سکتے ہیں. یہ مثال آئی ایس آئی 3 شیلیوں کا استعمال کرتی ہے جب آئیرایم ایک سایہ، گول کونے، اور اسے 20 ڈگری گھوم دیا.
iframe {
مارجن - اوپر: 20px؛
مارجن نیچے: 30px؛
-موز سرحد-ردعمل: 12px؛
ویب کی سرحد - ردعمل: 12px؛
سرحدی ردعمل: 12px؛
مووم باکس - سائے: 4px 4px 14px # 000؛
ویب باکس باکس سائے: 4px 4px 14px # 000؛
باکس کی سائے: 4px 4px 14px # 000؛
مووم تبدیل کرنے: گھومنے (20 ڈگری)؛
ویب ٹیٹ ٹرانسمیشن: گھومنے (20 ڈی ڈی جی)؛
تبدیل کرنے: گھومنے (20 ڈی ڈی جی)؛
حساس تبدیلیاں: گھمائیں (20 ڈی ڈی جی)؛
فلٹر: progid: DXImageTransform.Microsoft.BasicImage (گردش = .2)؛
}
اسکرین اشارے اسٹائلنگ
ایک آئیرایم کے مواد کو اسٹائلنگ کسی بھی دوسرے ویب صفحے کے اسٹائل کی طرح ہی ہے. لیکن، آپ کو صفحہ میں ترمیم کرنے کی ضرورت ہے . اگر آپ صفحہ میں ترمیم نہیں کرسکتے ہیں (مثال کے طور پر، یہ ایک اور سائٹ پر ہے).
اگر آپ صفحہ میں ترمیم کرسکتے ہیں، تو آپ اس دستاویز میں بالکل خارجی طرز شیٹ یا شیلیوں کو شامل کرسکتے ہیں جیسے آپ اپنی ویب سائٹ پر کسی بھی دوسرے ویب صفحے پر سٹائل کریں گے.