Kumvetsetsa momwe IFrames amagwirira ntchito pa mapangidwe a webusaiti
Mukamalowa chinthu mu HTML yanu, muli ndi mwayi woonjezera mazithunzi a CSS kuti:
- Mukhoza kutanthauzira IFRAME.
- Mukhoza kutanthauzira tsamba mkati mwa IFRAME (pansi pa zifukwa zina).
Mukugwiritsa ntchito CSS kuti muyankhe IFRAME Element
Chinthu choyamba chomwe muyenera kuganizira pakukonza mafayilo anu ndi IFRAME. Ngakhale masakatuli ambiri akuphatikizapo mafayilo opanda mafayilo ena owonjezera, akadali malingaliro abwino kuwonjezera mafashoni kuti awasunge.
Nawa mafashoni a CSS omwe ndimakhala nawo pa mafayilo anga:
- malire: 0;
- padding: 0;
- malire: palibe;
- width: mtengo ;
- kutalika: mtengo ;
Ndili m'lifupi ndi msinkhu wokhazikika ku kukula komwe kumagwirizana ndi chikalata changa. Nazi zitsanzo za chithunzi chopanda mafashoni ndi chimodzi chokhacho chokhazikitsidwa ndi zojambulajambula. Monga mukuonera, mafashoniwa amangochotsa malire kuzungulira, koma amatsimikiziranso kuti masewera onse amawonetsa kuti ali ndi mitsinje yofanana, yofiira, ndi miyeso.
HTML5 ikukulimbikitsani kuti mugwiritse ntchito katundu wodzalamo kuchotsa mipiringidzo, koma izi sizodalirika. Kotero ngati mukufuna kuchotsa kapena kusintha mipukutu ya mpukutu, muyenera kugwiritsa ntchito chiyero chowombera pa iframe yanu. Kuti mugwiritse ntchito malingaliro opitilira, yonjezerani monga chiwonetsero china ndiyeno musankhe chimodzi mwa zinthu zitatu: inde, ayi, kapena galimoto. Inde akuuza osatsegulayo kuti aphatikizepo mipiringidzo ya mpukutu ngakhale ngati sakufunika. Ayi imati kuchotsa mipiringidzo yonse ngati ilipo kapena ayi.
Magalimoto ndi osasinthika ndipo amaphatikizapo mipukutu ya mpukutu pamene amafunika ndikuwathetsa pamene sali.
Pano ndi momwe mungatsegulire kupukuta ndi chidziwitso chopukusa:
kupukusa = "no" >
Iyi ndi iframe.
Kutseka kupukuta mu HTML5 muyenera kugwiritsa ntchito katundu wodzaza. Koma monga momwe mukuonera mu zitsanzo izi sizikugwira ntchito movomerezeka m'masewera onse pano.
Pano pali momwe mungayankhire nthawi zonse ndi katundu wodzaza:
kalembedwe = "kusefukira: pukuta;" >
Ichi ndi iframe.
Palibe njira yothetsera kupukuta kwathunthu ndi katundu wodzaza.
Ambiri opanga masewera amafuna kuti mafayilo awo adziphatikize ndi mbiri ya tsamba lomwe iwo alimo kotero kuti owerenga samadziwa kuti mafayilo ali pomwepo. Koma mukhoza kuwonjezera machitidwe kuti awawonetsere. Kusintha malire kuti iframe iwonetse mosavuta mosavuta. Ingogwiritsani ntchito katundu wamtundu wamtunduwu (kapena wokhudzana ndi malire, pamwamba-kumanja-kumanja, kumanzere-kumanzere, ndi malire akumunsi-pansi) kuti muyese malire:
iframe {
m'mphepete-pamwamba: # # c00 1px yapangidwa;
Malire-kumanja: # # c00 2px;
malire-kumanzere: # c00 2px ali ndi;
malire-pansi: # c00 4px ali ndi;
}}
Koma simuyenera kuyima ndi kupukuta ndi malire kwa mafayilo anu. Mungagwiritse ntchito mitundu ina yambiri ya CSS kwa iframe yanu. Chitsanzo ichi chikugwiritsa ntchito mafashoni a CSS3 kuti apereke ngati mthunzi, ngodya zozungulira, ndi kuzungulira madigiri 20.
iframe {
pamwambakati: 20px;
m'munsikati: 30px;
-malo-malire-radiyo: 12px;
-bomba-malire-malire: 12px;
malire-malire: 12px;
-masi-bokosi-mthunzi: 4px 4px 14px # 000;
-blokosi-bokosi-mthunzi: 4px 4px 14px # 000;
mthunzi-mthunzi: 4px 4px 14px # 000;
-moz-transform: kusinthasintha (20deg);
-webkit-kusintha: kusinthasintha (20deg);
-o-kusintha: kusinthasintha (20deg);
-ms-kusintha: kusinthasintha (20deg);
Fyuluta: ndondomeko: DXImageTransform.Microsoft.BasicImage (rotation = .2);
}}
Kujambula zithunzi za Iframe
Kukopa zomwe zili mu iframe kumangokhala ngati kujambula tsamba lina lililonse la webusaiti. Koma, muyenera kukhala ndi mwayi wosintha tsamba . Ngati simungathe kusintha tsamba (mwachitsanzo, liri pa tsamba lina).
Ngati mungathe kusintha tsambali, ndiye kuti mukhoza kuwonjezera pepala lakunja la kunja kapena mazenera omwe ali mu chilemba monga momwe mungatchulire tsamba lina lililonse la webusaiti yanu.