Malamalama pe faʻapefea ona galue IFrames i le mamanu o le upega tafaʻilagi
A e tuʻufaʻatasia se elemene i lau HTML , e lua avanoa e faʻaopoopo ai le CSS i le:
- E mafai ona e faia le IFRAME lava ia.
- E mafai ona e tusia le itulau ile IFRAME (i lalo ole tulaga).
Faʻaaogāina o le CSS e faʻapipiʻi le IFRAME Element
O le mea muamua e tatau ona e mafaufau i ai pe a tusia le IFRAME ia te oe iframes. E ui lava o le tele o tagata suʻesuʻe e aofia ai le iframes e aunoa ma le tele o isi sitaili faaopoopo, ae o se manatu lelei lava le faʻaopoopo nisi o sitaili e tausisia pea.
O nisi nei o uiga CSS e masani lava ona aofia ai i luga o laʻu initaneti:
- tuaoi: 0;
- paʻu: 0;
- tuaoi: leai;
- lautele: tau aogā ;
- maualuga: taua ;
Faʻatasi ma le lautele ma le maualuga ua faʻatulagaina i le tele e fetaui i laʻu pepa. O ni faʻataʻitaʻiga o se faʻavaa e leai ni sitaili ma se tasi e naʻo le faʻavae autu. E pei ona mafai ona e vaʻaia, o nei sitaili na o le aveeseina o le tuaoi i luga o le iframe, ae latou te mautinoa foi o tagata suʻesuʻe uma e faʻaalia lena iframe i le tutusa o taʻavale, paʻu, ma le tele.
HTML5 fautuaina e te faʻaaogā mea manogi e aveese ai palaʻai tusitusi, ae e le talafeagai. O lea, afai e te manaʻo e aveese pe sui palasi taʻavale, e tatau ona e faʻaaogaina le uiga taufaʻailoga i luga o lau initaneti. Mo le faʻaaogaina o le igoa taʻavale, faaopoopo i ai e pei o isi uiga ma filifilia se tasi o mea taua e tolu: ioe, leai, poʻo le auto. Ioe e taʻu atu ai i le masini e faʻapipiʻi ai faʻamau taʻavale e tusa lava pe le o manaʻomia. leai o fai mai e aveese uma tusi taʻavale pe manaʻomia poʻo leai.
auto o le faaletonu ma e aofia ai pusa taʻavale pe a manaʻomia ma aveese i latou pe a leai.
O le auala lenei e tape ai le taʻavale ma le uiga taʻavale:
taʻavale = "leai" O se iframe.
Ina ia tape le taʻavale i le HTML5, e tatau ona e faʻaaogaina le masini vili. Ae e pei ona mafai ona e vaʻaia i nei faʻataʻitaʻiga , e le aoga i luga o sailiga uma.
O le auala lenei e te liliu ai i le taʻavale taimi uma i le mea e tumu ai le suavai:
style = "masuasua: tusi taai;" >
> O se iframe lenei
E leai se auala e tape ai le taʻavale atoa ma le mea e tumu ai le masini.
O le tele o tagata mamanu e mananao latou te faʻafefiloi faʻatasi ma le pito i tua o le itulau latou te i ai ina ia le iloa ai e le aufaitau e iai le iframes. Ae e mafai foi ona e faaopoopoina ni sitaili e faʻaalia ai. Faʻasalaga o tuaoi ina ia faigofie le faʻaalia o le iframe e faigofie. Tau lava o le faʻaaogaina o le sitaili o le laufanua (poʻo le pito i luga-pito i luga, tuaoi-taumatau, tuaoi-tauagavale, ma le pito i lalo) e faʻasolo ai tuaoi:
iframe {
pito i luga: # c00 1px sikoto;
'āiga taumatau: # c00 2px sikoto;
tuaoi-tauagavale: # c00 2px sikoto;
pito i lalo: # c00 4px sikoto;
}
Ae e le tatau ona e taofi i le taamilosaga ma tuaoi mo au sitaili. E mafai ona e faʻaaogaina le tele o isi sitaili CSS i lau initaneti. O lenei faʻataʻitaʻiga e faʻaaoga ai le CSS3 suʻega e tuʻuina atu ai le ata, ata, ma faʻasolo 20 tikeri.
iframe {
pito i luga: 20px;
pito i lalo: 30px;
-moz-border-radius: 12px;
-o le laina-boundary-radius: 12px;
laina tuaoi-12px;
-moz-box-shadow: 4px 4px 14px # 000;
-o le ata-box-shadow: 4px 4px 14px # 000;
pusa-ata: 4px 4px 14px # 000;
-moz-transform: liliu (20deg);
-o se mea e faʻafeiloaʻi ai: liliu (20deg);
-o-suiga: liliu (20deg);
-ms-transform: liliu (20deg);
faamama: progid: DXImageTransform.Microsoft.BasicImage (rotation = .2);
}
Faʻailogaina o le Iframe Contents
O le faʻamalosia o mea o loʻo i totonu o se mea e pei o le faʻailogaina o soʻo se isi itulau web. Ae, e tatau ona e maua le avanoa e faasaʻo ai le itulau . Afai e le mafai ona e faʻasaʻo le itulau (mo se faʻataʻitaʻiga, o loʻo i luga o seisi saite).
Afai e mafai ona e faʻasaʻo le itulau, ona mafai lea ona e faʻaopopoina se pepa laupepa i fafo poʻo ni sitaili talafeagai i totonu o le pepa e pei lava ona e faia se isi itulau i luga o lau 'upega tafaʻilagi.