Is féidir roinnt bealaí a dhéanamh le hiding nasc le CSS a dhéanamh, ach beimid ag breathnú ar dhá mhodh inar féidir URL a bheith i bhfolach go hiomlán ón amharc. Más mian leat fiach scavenger nó ubh pasta a chruthú ar do shuíomh, is bealach suimiúil é seo naisc a cheilt.
Is é an chéad bhealach trí "none" a úsáid mar luach maoine CSS maoine an pointeoir-imeachtaí. Is é an ceann eile ach an téacs a dhathú chun cúlra na leathanach a mheaitseáil.
Coinnigh i gcuimhne nach ndéanfaidh an modh sin an ceangal go hiomlán as an bhfuarthas nuair a bhíonn an cód foinse á lorg. Mar sin féin, ní bheidh bealach simplí agus simplí ag cuairteoirí chun é a fheiceáil, agus ní bheidh fios ag do chuairteoirí nuachta conas an nasc a aimsiú.
Tabhair faoi deara: Má tá tú ag lorg treoracha maidir le conas bileog stíl seachtrach a nascadh, níl na treoracha seo ar fáil duit. Féach Cén Bileog Stíl Seachtrach? ina ionad sin.
Díchumasaigh an Imeacht Pointeoir
Is é an chéad mhodh is féidir linn úsáid a bhaint as URL a cheilt ná an rud a dhéanamh nach ndéanann an nasc rud ar bith. Nuair a bheidh an luch ag dul thar an nasc, ní thaispeánfaidh sé cad a tharlaíonn an URL agus ní chuirfidh sé in iúl duit cliceáil air.
Scríobh an HTML go ceart
Ar an leathanach gréasáin amháin, déan cinnte go léann an hyperlink mar seo:
ThoughtCo.comAr ndóigh, ní mór "https://www.thoughtco.com/" an URL iarbhír a theastaíonn uait a fholach, agus is féidir ThoughtCo.com a athrú d'aon fhocal nó frása ar mhaith leat a chuireann síos ar an nasc.
Is é an smaoineamh anseo go n-úsáidfear an rang gníomhach leis an CSS thíos chun an nasc a cheilt go héifeachtach.
Úsáid an Cód CSS seo
Caithfidh cód CSS aghaidh a thabhairt ar an aicme gníomhach agus mínigh don bhrabhsálaí gur chóir go mbeadh an "imeacht" ar an nasc ar an nasc cliceáil, mar seo:
.active {pointer-events: none; cúrsóir: réamhshocraithe; }Is féidir leat an modh seo a fheiceáil i ngníomh thar JSFiddle. Má scriosann tú an cód CSS ansin, agus ansin déan na sonraí a athbhunú, tagann an nasc go tobann agus is féidir é a úsáid. Tá sé seo mar gheall ar nuair nach gcuirtear an CSS i bhfeidhm, go n-iompraíonn an nasc de ghnáth.
Tabhair faoi deara: Cuimhnigh má bhreathnaíonn an t-úsáideoir cód foinse an leathanaigh, feicfidh siad an nasc agus beidh a fhios go díreach i gcás ina dtéann sé mar a fheicimid thuas, tá an cód fós ann, níl sé inúsáidte.
Athraigh an Dath Nasc
De ghnáth, déanfaidh dearthóir gréasáin hipearnasc a dhéanamh ar dhifr éagsúil ná an cúlra ionas gur féidir le cuairteoirí iad a fheiceáil i ndáiríre agus a fhios cá háit a dtéann siad. Mar sin féin, tá muid anseo chun naisc a cheilt , mar sin a ligean ar a fheiceáil conas an dath a athrú chun an leathanach a mheaitseáil.
Sainmhínigh Rang Chustaim
Má úsáideann muid an sampla céanna ón gcéad mhodh thuas, is féidir linn an rang a athrú ar an méid is mian linn ionas nach mbeidh ach naisc speisialta i bhfolach.
Mura n-úsáidfí rang agus ina ionad sin chuir CSS an feidhm sin ó thíos chuig gach nasc, ansin bheadh gach ceann acu ag imithe. Ní hé sin an rud atá againn tar éis anseo, mar sin déanfaimid an cód HTML seo a úsáid a úsáideann an rang hideme saincheaptha:
ThoughtCo.comFaigh amach Cén Dath a Úsáid
Sula gcuirfimid an cód CSS cuí isteach chun an nasc a cheilt, ní mór dúinn an dath a theastaíonn uait a úsáid a fhíorú. Má tá cúlra soladach agat cheana féin, cosúil le bán nó dubh, tá sin éasca. Mar sin féin, ní mór dathanna speisialta eile a bheith cruinn freisin.
Mar shampla, má tá luach heicteár e6ded1 ag do dhath cúlra, ní mór duit a fhios go bhfuil an cód CSS ag obair i gceart don leathanach a bhfuil tú ag iarraidh é a imíonn isteach.
Tá neart na n-uirlisí "roghnóir dath" nó "eyedropper" seo ar fáil, ar a dtugtar ColorPick Eyedropper ar bhrabhsálaí Chrome amháin. Bain úsáid as é chun dath cúlra do leathanach gréasáin a sampla chun an dath heicte a fháil.
Saincheap an CSS chun an Dath a Athrú
Anois go bhfuil an dath agat gur chóir go mbeadh an nasc, tá sé in am é sin a úsáid agus an luach ranga saincheaptha ó thuas, chun cód CSS a scríobh:
.hideme {dath: # e6ded1; }Má tá do dath cúlra simplí cosúil le bán nó glas, ní gá duit an comhartha # a chur os a chionn:
.hideme {dath: bán; }Féach cód samplach an modh seo sa JSFiddle seo.