A 'dèanamh loidhnichean seallaidh inntinneach air duilleagan lìn le tagaichean HR
Ma dh'fheumas tu loidhnichean còmhnard, stoidhle sgaraidh a chur ris na làraichean-lìn agad, tha beagan roghainnean agad. Dh'fhaodadh tu faidhlichean ìomhaigh de na loidhnichean sin a chur ris do dhuilleag, ach dh 'fheumadh do bhrabhsair na faidhlichean sin a lorg agus a luchdachadh, a dh'fhaodadh droch bhuaidh a thoirt air coileanadh na làraich.
Dh'fhaodadh tu seilbh crìoch a 'chleachdaiche a chleachdadh gus crìochan a chur ris a tha mar loidhnichean aig a' mhullach no aig bonn eileamaid, a 'cruthachadh an loidhne sgaraidh agad gu h-èifeachdach.
Mu dheireadh, faodaidh tu an eileamaid HTML a chleachdadh airson an riaghailt còmhnard - an
An Element Ruidhle Còmhnard
Ma chuir thu riamh eileamaid air duilleag-lìn, is dòcha gun lorg thu nach eil an dòigh àbhaisteach a tha na loidhnichean sin air a thaisbeanadh freagarrach. Tha seo a 'ciallachadh gum feum thu tionndadh gu CSS gus coltas na h-eileamaidean sin atharrachadh a rèir mar a tha thu ag iarraidh coimhead air an làrach agad.
Tha tag HR bunaiteach air a shealltainn mar a tha am brabhsair ag iarraidh a thaisbeanadh. Mar as trice bidh brabhsairean ùra a 'taisbein tagaichean HR gun stòran le leud 100%, àirde 2px, agus crìochan 3D ann an dubh gus an loidhne a chruthachadh.
Seo eisimpleir de eileamaid àbhaisteach HR no chì thu san ìomhaigh seo mar a tha HR neo-sheasmhach a 'coimhead ann am brobhsairean ùra.
Tha leud agus àrd air feadh gach brabhsair
Is e an aon stoidhle a tha cunbhalach thairis air brabhsairean lìn an leud agus na stoidhlichean. Tha iad sin a 'mìneachadh dè cho mòr' sa bhios an loidhne. Mura h-eil thu a 'mìneachadh an leud agus an àirde is e an leithead bunaiteach 100% agus an àirde bunaiteach 2px.
Anns an eisimpleir seo, tha an leud 50% de na pàrantamaid (comharraich na h-eisimpleirean gu h-ìosal uile gu lèir a 'gabhail a-steach stoidhlichean in-loidhne. Ann an suidheachadh riochdachaidh, bhiodh na stoidhlichean sin air an sgrìobhadh ann an duilleag stoidhle air an taobh a-muigh airson rianachd furasta a dhèanamh air na duilleagan agad uile):
stoidhle = "leud: 50%;">
Agus anns an eisimpleir seo tha an àirde 2em:
stoidhle = "àirde: 2em;">
Faodaidh atharrachadh nan crìochan a bhith dùbhlanach
Ann am brabhsairean ùra, bidh am brabhsair a 'togail na loidhne le bhith ag atharrachadh a' chrìche. Mar sin ma bheir thu às a 'chrìch leis an stoidhle, thèid an loidhne às an duilleig. Mar a chì thu (gu math, chan fhaic thu dad, oir bidh na sreathan air am faicinn) san eisimpleir seo:
style = "border: none;">
Le bhith a 'luachadh meud, dath agus stoidhle na crìche, bidh an loidhne a' coimhead eadar-dhealaichte agus tha an aon bhuaidh aige anns a h-uile brabhsaidh ùr-nodha. Mar eisimpleir, anns an taisbeanadh seo tha an crìochan dearg, air a ghluasad, agus 1 pile farsaing:
stoidhle = "crìochan: 1px air falbh # 000;">
Ach ma dh'atharraicheas tu a 'chrìch agus an àirde, tha na stoidhlichean a' coimhead beagan eadar-dhealaichte ann am brabhsairean fìor-àbhaisteach na tha iad a 'dèanamh ann am brabhsairean ùra. Mar a chì thu san eisimpleir seo, ma choimheadas tu e ann an IE7 agus gu h-ìosal (brabhsair a tha gu math duilich agus nach eil taic aig Microsoft tuilleadh) tha loidhne taobh a-staigh a tha air a chòmhdach nach eil a 'nochdadh anns na brabhsairean eile (a' gabhail a-steach IE8 agus suas) :
style = "height: 1.5em; width: 25em; border: 1px solid # 000;">
Chan eil uallach air a 'BhBC airson na th' air làraich-lìn eile.
Dèan loidhne sgeadaichte le dealbh-cùl-taic
An àite dath, faodaidh tu ìomhaigh cùl-cinn a mhìneachadh airson an HR agad gus am bi e a 'coimhead dìreach mar a tha thu ag iarraidh a dhèanamh, ach a tha fhathast a' taisbeanaidhean air leth anns a 'chomharra agad.
San eisimpleir seo chleachd sinn ìomhaigh a tha air trì loidhnichean dubhach. Le bhith ga chur mar ìomhaigh cùl-taice gun ath-aithris, bidh e a 'cruthachadh briseadh anns an t-susbaint a tha a' coimhead cha mhòr mar a chì thu ann an leabhraichean:
stoidhle = "àirde: 20px; cùl-raon: #fff url (aa010307.gif) ionad scrolla gun ath-chuairt; crìochan: gin;">
Ag atharrachadh phàirtean HR
Le CSS3, faodaidh tu na loidhnichean agad a dhèanamh nas inntinniche cuideachd. Gu traidiseanta, tha an t-inneal HR mar loidhne chòmhnard , ach le atharrachadh cruth CSS, faodaidh tu atharrachadh mar a tha iad a 'coimhead. Is e cruth-atharrachadh as fheàrr leinn air an eileamaid HR gus an rotation atharrachadh.
Faodaidh tu an eileamaid HR agad a thionndadh gus am bi e dìreach beagan adhartach:
hr {
-moz-transform: tarraing (10deg);
-webkit-transform: ceangal (10deg);
-o-transform: tarraing (10deg);
-ms-transform: tarraing (10deg);
cruth-atharrachadh: gluais (10deg);
}
No faodaidh tu a thionndadh gus am bi e gu tur ceart:
hr {
-moz-transform: tarraing (90deg);
-webkit-transform: ceangal (90deg);
-o-transform: tarraing (90deg);
-ms-transform: tarraing (90deg);
cruth-atharrachadh: gluasadan (90deg);
}
Cuimhnich gu bheil seo a 'gluasad an HR stèidhichte air an làrach a th' ann an-dràsta anns an sgrìobhainn, agus mar sin is dòcha gum feum thu an suidheachadh atharrachadh gus a fhaighinn far a bheil thu ga iarraidh. Chan eilear a 'moladh seo a chleachdadh gus loidhnichean dìreach a chur ri dealbhadh, ach tha e na dhòigh air buaidh inntinneach fhaighinn.
Slighe eile gu Get Lines air do dhuilleagan
Is e aon nì a tha cuid de dhaoine an àite a bhith a 'cleachdadh an eileamaid HR a bhith an urra ri crìochan eileamaidean eile. Ach uaireannan tha HR mòran nas freagarraiche agus nas fhasa a chleachdadh na feuchainn ri crìochan a shuidheachadh. Faodaidh am bogsa modail cùisean de chuid shealladairean a bhith a 'stèidheachadh crìochan eadhon nas trice.