Tuiscint a fháil ar conas a oibríonn IFrames i ndearadh láithreán gréasáin
Nuair a chuimsigh tú eilimint i do HTML , tá dhá dheiseanna agat stíleanna CSS a chur leis:
- Is féidir leat an IFRAME féin a stíl.
- Is féidir leat an leathanach a stíl taobh istigh den IFRAME (faoi choinníollacha áirithe).
Ag baint úsáide as CSS chun an Eilimint IFRAME a Stíl
Is é an IFRAME é an chéad rud ba cheart duit smaoineamh nuair a bhíonn do chuid bealaí á stíliú. Cé go n-áirítear an chuid is mó de na brabhsálaithe iframes gan go leor stíleanna breise, is fiú smaoineamh maith roinnt stíleanna a chur leis chun iad a choinneáil comhsheasmhach.
Seo roinnt stíleanna CSS a chuireann mé i gcónaí ar mo sheilbh:
- imeall: 0;
- stuáil: 0;
- teorainn: none;
- leithead: luach ;
- airde: luach ;
Leis an leithead agus an airde a leagtar ar an méid a luíonn i mo dhoiciméad. Seo samplaí de fhráma gan aon stíleanna agus ceann amháin leis na bunghnéithe atá styled. De réir mar a fheiceann tú, is iad na stíleanna seo den chuid is mó a bhaint as an teorainn timpeall an iframe, ach cinnteoidh siad freisin go léiríonn gach brabhsálaí sin go bhfuil an t-imeall céanna, an stuáil agus na toisí céanna ann.
Molann HTML5 go mbainfidh tú úsáid as an maoin thar maoil chun na barraí scrolláin a bhaint, ach níl sé sin iontaofa. Mar sin, más mian leat na barraí scrolláin a bhaint nó a athrú, ba cheart duit an tréith scrollaithe a úsáid ar do iframe chomh maith. Chun an tréith scrollaigh a úsáid, cuir é mar aon tréith eile agus ansin roghnaigh ceann de thrí luachanna: yes, no, or auto. tá sé ag insint don bhrabhsálaí barraí scrollbharra a chur san áireamh fiú amháin más rud é nach bhfuil gá leo. ní deir aon bhaint as gach barra scrollaithe cibé acu is gá nó nach bhfuil.
is é an t-uathoibríoch an réamhshocraithe agus cuimsíonn sé na barraí scrolláin nuair is gá iad agus iad a bhaint nuair nach bhfuil siad.
Seo é an dóigh ar scrollaigh an tréith scrollaigh a mhúchadh:
scrolling = "no" >
Seo iframe.
Chun scrollaigh i HTML5 a mhúchadh, táthar ag súil go mbainfidh tú úsáid as an maoin mais-shreabhadh. Ach mar is féidir leat a fheiceáil sna samplaí seo ní oibríonn sé go hiontaofa i ngach brabhsálaí fós.
Seo an chaoi a dtéann tú ar aghaidh ag scrollú an t-am ar fad leis an maoin overflow:
stíl = "overflow: scroll;" >
Seo iframe.
Níl aon bhealach ann an scrollaíocht a mhúchadh go hiomlán leis an maoin overflow.
Is mian le go leor dearthóirí a gcuid bealaí a chumasc le cúlra an leathanaigh atá orthu ionas nach mbeidh a fhios ag léitheoirí go bhfuil na bealaí fiú ann. Ach is féidir leat stíleanna a chur leis chun iad a dhéanamh amach. Tá sé éasca go gcoigeartófar na teorainneacha a choigeartú ionas go mbeidh an torame níos éasca. Bain úsáid as an maoin stíl teorann (nó airíonna bunúsacha teorann, teorann, cléithe agus cléithe a bhaineann léi) chun na teorainneacha a stíl:
iframe {
teorainn-barr: # c00 1px dotted;
teorainn-dheis: # c00 2px dotted;
teorainn-chlé: # c00 2px dotted;
bun na teorann: # c00 4px dotted;
}
Ach níor chóir duit stop a chur le scrollaigh agus teorainneacha do stíleanna. Is féidir leat a lán de stíleanna CSS eile a chur i bhfeidhm ar do iframe. Úsáideann an sampla seo stíleanna CSS3 chun coirnéil scáth, chothromaithe a thabhairt don iframe agus 20 céim a chur air.
iframe {
imeall-barr: 20px;
bun imeall: 30px;
-moz-border-ga: 12px;
-aol-teorainn-ghaire: 12px;
gaire teorann: 12px;
-moz-box-shadow: 4px 4px 14px # 000;
-webkit-box-shadow: 4px 4px 14px # 000;
bosca-scáth: 4px 4px 14px # 000;
-moz-transform: rothlaigh (20deg);
-webkit-transform: rothlaigh (20deg);
-o-athrú: rothlaigh (20deg);
-ms-transform: rothlaigh (20deg);
scagaire: progid: DXImageTransform.Microsoft.BasicImage (rothlú = .2);
}
Stíliú na nÁbhar Iframe
Is cosúil le stíliú aon leathanach gréasáin eile a stíliú ar ábhar an iframe. Ach, caithfidh tú rochtain a fháil ar an leathanach a eagrú . Mura féidir leat an leathanach a eagrú (mar shampla, tá sé ar shuíomh eile).
Más féidir leat an leathanach a chur in eagar, is féidir leat bileog stíleanna seachtracha nó stíleanna seachtracha a chur leis sa cháipéis díreach mar a bheadh tú ag stíl aon leathanach gréasáin eile ar do shuíomh.