Nola aldatzen Link azpimarratzen Web orri batean

Kendu esteka nabarmentzen edo sortu puntuatutako puntuak, edo estekatutako azpimarra bikoitzak

Lehenespenez, web arakatzaileek HTML elementu zehatzei aplikatzen zaizkie CSS estilo jakin batzuk. Ezarpen hauek zure webgunearen estiloko orriekin gainidatzi ezean, lehenetsiak aplikatuko dira. Hiperesteketarako, pantailako estilo lehenetsia estekatutako edozein testu urdina izango da eta azpimarratuta egongo da. Nabigatzailea hau da, beraz, gune batek bisitariak testua estekatuta dagoen ikus dezake. Web diseinatzaile askok ez dute estilo lehenetsi horiei arreta ematen, batez ere azpimarratzen dituztenak. Zorionez, CSSk azpimarratuen itxura aldatu edo guztiz ezabatu egiten du.

Testuen esteken azpimarratua kentzea

Testu azpimarragarriak testuinguru ez azpimarratua irakurtzeko zailtasun gehiago izan dezake. Horrez gain, diseinatzaile askok ez dute azpimarratutako testuen esteken itxura zaindu. Esate baterako, litekeena da azpimarratu horiek guztiak ezabatzea.

Testuen esteken azpimenuak kentzeko, CSS propietatearen testuzko dekorazioa erabiliko duzu. Hemen dago CSS hau egiteko idazteko:

a {text-decoration: none; }

CSS lerro honekin, azpimarratua kenduko zenuke testu-esteken bidez. Estilo hori oso orokorra den arren (elementu hautatzailea erabiltzen du), nabigatzaile estilo lehenetsiak baino zehaztasun gehiago ditu. Lehenetsitako estilo horiek azpimarrak sortzen dituztenez, gainidatzi behar duzuna da.

Azpimarratzea kentzea

Ikuspegiak, azpimarrak kentzea izan daiteke zehazki zer egin nahi duzun, baina kontuz ibili behar duzu hau ere egiten duzunean. Esteka azpimarratuen itxura duen ala ez adierazten duen edo ez, ezin duzu argudiatu testua estekatuta dagoela eta ez dagoela. Kendu egiten baduzu esteken urdin koloreko azpimarragarriak edo aldatzen badituzu, ziurtatu testua estekatutako testuak nabarmendu nahi dituzten estiloekin ordeztu behar dituzula. Horrek zure webguneko bisitarientzako esperientzia intuitiboago bat egingo du.

Ez estekak ez azpimarratu

Esteka eta azpimarratuen beste kontu bat, azpimarratu nahi ez duen testu bat azpimarratu behar da. Testu azpimarragarriak lotura estua izatea espero du jendeak, beraz, azpimarratu nahi baduzu azpimarratu nahi baduzu (beltzean edo letra etzanez egin ordez), mezu okerra bidaliko duzu eta erabiltzaileen gunea nahastuko du.

Aldatu puntu azpimarra puntuak edo marratxoak

Zure testuaren estekak azpimarratu nahi badituzu, azpimarratu duen estiloa aldatu egin behar duzu, hau da, "diru" linearen itxura lehenetsitik, hau ere egin dezakezu. Lerro sendo horren ordez, puntuak erabil ditzakezu zure estekak azpimarratzeko. Horretarako, azpimarratu egingo duzu, baina ertzaren azpiko beheko estiloarekin ordeztuko duzu:

a {text-decoration: none; mugan behean: 1px puntuz; }

Estandar azpimarratua kendu duzunez gero, puntuzko bat agertzen den bakarra da.

Marra horiek lortzeko gauza bera egin dezakezu. Just aldatu beheko estekaren estiloa marratzera:

a {text-decoration: none; mugan behean: 1px hondatuta; }

Aldatu azpimarratu kolorea

Zure esteken arreta erakusteko beste modu bat azpimarraren kolorea aldatzea da. Ziurtatu kolorea zure kolore eskema egokitzen dela .

a {text-decoration: none; mugan behean: 1px gorri sendo; }

Azpimarratu bikoitzak

Azpimarratu bikoitzaren trukea da mugaren zabalera aldatu behar duzula. 1px zabaleko ertz bat sortzen baduzu, azpimarrazio bikoitza izango duzu azpimarratu bezala.

a {text-decoration: none; mugan behean: 3px bikoitza; }

Lehendik dagoen azpimarra ere erabil dezakezu beste ezaugarri batzuekin azpimarratu beharreko azpimarratu bat egiteko, esate baterako punturik dagoen lerroetako bat:

a {mugako behealdea: 1px bikoitza; }

Ez ahaztu esteka estatuak

Beheko estekaren estiloa zure esteketan gehi ditzakezu egoera ezberdinetan, hala nola: pasatzean, aktiboan edo bisitatuta. Honek "birkargatze" estilo esperientzia atsegina sor dezake bisitariei "pasatzean" pseudo klase hori erabiltzen duzunean. Bigarren puntuko azpimarratua estekan zehar pasatzean agertzen denean:

a {text-decoration: none; } a: pasatzean {border-bottom: 1px puntuz; }

Jennifer Krynin-en jatorrizko artikulua. Jeremy Girard-ek editatua