Fahmitaanka sida IFrames uga shaqeeyaan naqshadda bogga
Markaad ku dhejisid halbeegga HTML , waxaad haysataa laba fursadood oo aad ku darto qaababka CSS :
- Waxaad qaabeyn kartaa IFRAME laf ahaantiisa.
- Waxaad ku qori kartaa bogga gudaha IFRAME (shuruudaha qaarkood).
Isticmaalidda CSS-ga ee qaabka Xeerka IFRAME
Waxa ugu horeeya waa inaad tixgelisaa marka aad qaabeyneyso iframe waa IFRAME laf ahaantiisa. Inkastoo daalacashada intooda badani ay ka mid yihiin iframe aan laheyn qaabab dheeraad ah, weli waa fikrad fiican in lagu daro noocyo dhowr ah si ay u ilaaliyaan.
Waa kuwan qaar ka mid ah qaababka CSS ee aan mar walba ku daro asrameeyda:
- margin: 0;
- caarada: 0;
- xuduudda: midna;
- width: qiimaha ;
- dhererka: qiimaha ;
Iyada oo ballanka iyo dhererka loo qoondeeyey cabbirka ku habboon dukumeentigayga. Halkan waxaa ku qoran tusaalayaal qaab aan lahayn qaabab iyo mid leh oo kaliya aasaaska aasaasiga ah. Sida aad arki karto, noocyada noocan ah waxay inta badan ka saaraan xudduudaha ku xeeran, laakiin sidoo kale waxay xaqiijinayaan in dhammaan daalacayaashu ay muujiyaan in marka loo eego isku midka, cidhiidhiga, iyo cabbirka.
HTML5 ayaa kugula talineysa inaad isticmaasho hantida qarxa si aad uhesho baararka xawaaraha, laakiin taasi aan lagu kalsoonaan karin. Sidaa darteed haddii aad rabto inaad ka saarto ama aad bedesho baararka rukunka, waa inaad isticmaashaa sifooyinka xayeysiinta ee kuugu jirta iframe. Si aad u isticmaasho sifudbinta xayeysiiska, ku dar sida sifooyinka kale oo kadibna dooro mid ka mid ah saddex qiimaha: haa, maya, ama baabuur. haa wuxuu u sheegaa biraawsarka inuu had iyo jeer ku jiro baararka xitaa haddii aan loo baahneyn. maya sheegin in meesha laga saaro dhammaan baararka baararka haddii loo baahdo iyo haddii kale.
baabuurku waa khaladka oo ay ku jiraan baararka xawaaraha marka loo baahdo oo laga saaro marka aysan ahayn.
Halkan waxaa ah sida loo demiyo xoqitaanka leh sifooyinka xayeysiinta:
riix = "maya"
Tani waa weji.
Si aad u demiso xayeysiiska ee HTML5 waxaad u maleyneysaa inaad isticmaasho hantida qarxa. Laakiin sida aad u arki kartid tusaalooyinkan si fiican uma shaqaynayso dhammaan daalacashada.
Waa kuwan sida aad u leexin lahayd marxaladda oo dhan marinka hantida qarxa:
style = "buuxdhaqaaqa: wareejin;"
Tani waa weji.
Ma jirto siyaabaha loo tuurayo gawaarida gebi ahaanba hantida hantida badan.
Dad badan oo naqshadeeya ayaa doonaya in iframes ay isku dhex galaan asalka bogga ay ku jiraan si ay akhristayaasha u ogaadaan in iframes ay xitaa halkaa joogaan. Laakiin waxaad sidoo kale ku dari kartaa noocyada si aad ugu dhejiso. Xakamaynta xuduudaha si markaa u muuqdo mid aad u sahlan ayaa u fudud. U isticmaal kaliya hannaanka xuduudaha xuduudaha (ama xuduudaha xuduudaha, xadka dhinaca midigta, xuduudaha-bidix, iyo xudduudaha hoose) si ay u qaabeeyaan xuduudaha:
iframe {
xadka dusha sare: # c00 1px dhibicda;
xadka xadka: # c00 2px calaamadeyn;
xadka dhinaca bidix: # c00 2px calaamadeyn;
xadka xudduudaha: # c00 4px calaamadeyn;
}
Laakiin waa inaadan joojin xoqitaanka iyo xuduudaha hababkaaga. Waxaad codsan kartaa noocyo badan oo kale oo CSS ah oo ku saabsan qaabka aad u shaqeyneysid. Tusaalahan waxay isticmaalaan qaababka CSS3 si ay u bixiyaan iframe hooskii, wareega wareegsan, oo u beddelay 20 darajo.
iframe {
sare-sare: 20px;
hoose-hoose: 30px;
-moz-border-radius: 12px;
-waxbarashada xuduudaha: 12px;
xuduudaha xadka: 12px;
-moosho-hooskii: 4px 4px 14px # 000;
-webkit-sanduuqa hooska: 4px 4px 14px # 000;
sanduuq-hoosaadka: 4px 4px 14px # 000;
-moos-is-beddel: u wareegsan (20deg);
-walbkit-badalasho: baddal (20deg);
-o-is-beddelka: baddal (20deg);
-ms-transform: beddel (20deg);
filter: Progid: DXImageTransform.Microsoft.BasicImage (rotation = .2);
}
Isticmaalka Hadalka Iframe
Isticmaalida waxyaabaha ku jira iframe waa sida qaabeynta bogga kale ee bogga. Hase yeeshee, waa inaad heshaa bogga . Haddii aadan bogga ka beddeli karin (tusaale ahaan, waa meel kale).
Haddii aad bogga ku dari karto, ka dibna waxaad ku dari kartaa warqad dibadda ah ama qaababka saxda ah ee dukumiintiga ah sida aad u qaabayn lahayd bogga kale ee boggaaga ee ku yaal boggaaga.