Jinsi ya kujificha Viungo Kutumia CSS

Kujificha kiungo na CSS kinaweza kufanywa kwa njia kadhaa, lakini tutaangalia njia mbili ambazo URL inaweza kuficha kabisa kutoka kwenye mtazamo. Ikiwa unataka kujenga uwindaji wa mkufu wa mkuku au mchungaji kwenye tovuti yako, hii ni njia ya kuvutia ya kujificha viungo.

Njia ya kwanza ni kwa kutumia "hakuna" kama thamani ya mali ya matukio ya CSS. Jingine ni kwa kuchorea tu maandiko ili kufanana na historia ya ukurasa.

Kumbuka kwamba hakuna njia ambayo itafanya kiungo kikamilifu kutoweka kutopatikana wakati wa kutafuta msimbo wa chanzo. Hata hivyo, wageni hawana njia rahisi, ya moja kwa moja ambayo wataiona, na wageni wako wa novice hawatajua jinsi ya kupata kiungo.

Kumbuka: Ikiwa unatafuta maelekezo ya jinsi ya kuunganisha karatasi ya nje ya mtindo, maelekezo haya sio wewe. Angalia Nini Karatasi ya Sinema Nje? badala yake.

Zima Tukio la Pointer

Njia ya kwanza tunayoweza kutumia ili kuficha URL ni kufanya kiungo kisifanye chochote. Panya panya juu ya kiungo, haionyeshe kile URL kinachosema na hakitakuhusu ukifungue.

Andika HTML kwa usahihi

Moja ya ukurasa wa wavuti, hakikisha hyperliki inasoma kama hii:

MawazoCo.com

Bila shaka, "https://www.thoughtco.com/" inahitaji kutaja URL halisi ambayo unataka kuficha, na ThoughtCo.com inaweza kubadilishwa kwa neno lolote au maneno ambayo ungependa yanaelezea kiungo.

Wazo hapa ni kwamba kazi ya darasa itatumika na CSS hapa chini ili kuficha kiungo kwa ufanisi.

Tumia Kanuni hii ya CSS

Nambari ya CSS inahitaji kushughulikia darasa lililofanya kazi na kuelezea kwa kivinjari kwamba tukio juu ya kiungo bonyeza, lazima iwe "hapana," kama hii:

matukio ya pointer {.active} hakuna; mshale: default; }

Unaweza kuona njia hii kwa hatua juu ya JSFiddle. Ukiondoa msimbo wa CSS hapo, na kisha urejeshe data, kiungo hiki kinawashwa na kinatumika. Hii ni kwa sababu wakati CSS haijatumiwa, kiungo hufanyika kawaida.

Kumbuka: Kumbuka kwamba ikiwa mtumiaji anaangalia msimbo wa chanzo cha ukurasa, wataona kiungo na kujua hasa mahali ambapo huenda kwa sababu kama tunavyoona hapo juu, kanuni bado iko, haitumiwi.

Badilisha Changer & # 39; s Michezo

Kwa kawaida, mtengenezaji wa wavuti atafanya rangi ya rangi tofauti na historia ili wageni waweze kuwaona na kujua wapi wanapoenda. Hata hivyo, tuko hapa kujificha viungo , basi hebu tuone jinsi ya kubadilisha rangi ili kufanana na ukurasa huo.

Eleza Hatari ya Desturi

Ikiwa tunatumia mfano huo kutoka mbinu ya kwanza hapo juu, tunaweza tu kubadili darasa kwa chochote tunachotaka ili viungo maalum pekee vimefichwa.

Ikiwa hatukutumia darasa na badala yake tumeitumia CSS kutoka chini hadi kila kiungo, basi wote watatoweka. Hiyo sio tu baada ya hapa, kwa hiyo tutatumia kanuni hii ya HTML ambayo inatumia darasa la hifadhi ya desturi:

FikiriaCo.com

Pata Nini rangi ya kutumia

Kabla ya kuingia msimbo sahihi wa CSS ili kujificha kiungo, tunahitaji kujua ni rangi gani tunayotaka kutumia. Ikiwa una historia imara tayari, kama nyeupe au nyeusi, basi ni rahisi. Hata hivyo, rangi nyingine maalum zinahitaji kuwa sawa pia.

Kwa mfano, ikiwa rangi yako ya asili ina thamani ya hex ya e6ded1 , unahitaji kujua kwamba kwa msimbo wa CSS kufanya kazi vizuri kwa ukurasa unayotakiwa kutoweka.

Kuna mengi ya zana hizi za "rangi" au "eyedropper" zilizopo, moja ambayo huitwa ColorPick Eyedropper kwa kivinjari cha Chrome. Tumia kwa sampuli rangi ya nyuma ya ukurasa wako wa wavuti ili kupata rangi ya hex.

Customize CSS ya Kubadili Rangi

Sasa kwa kuwa una rangi ambayo kiungo kinapaswa kuwa, ni wakati wa kutumia hiyo na thamani ya darasani kutoka kwa juu, kuandika code CSS:

.hideme {rangi: # e6ded1; }

Ikiwa rangi yako ya asili ni rahisi kama nyeupe au kijani, huna kuweka ishara # mbele yake:

.hideme {rangi: nyeupe; }

Tazama msimbo wa sampuli ya njia hii katika JSFiddle hii.