Kiel ŝanĝi ligilon subtekstojn sur retpaĝaro

Forigi Ligilon Subskriba aŭ kreu Dashed Dotted aŭ Double Subline Links

Defaŭlte, retumiloj faras certajn CSS-stilojn, kiujn ili aplikas al specifaj HTML-elementoj. Se vi ne anstataŭigas ĉi tiujn defaŭltojn kun la propraj stiloj de via retejo, tiam la defaŭltoj aplikiĝos. Por hiperligoj, la defaŭlta montra stilo estas, ke iu kunligita teksto estos blua kaj substarita. La retumilo faras ĉi tion por ke vizitantoj de retejo facile povas vidi, kion teksto estas ligita. Multaj retejo-projektantoj ne zorgas pri ĉi tiuj defaŭltaj stiloj, precipe tiuj substrekoj. Feliĉe, CSS faciligas ŝanĝi la aspekton de tiuj substrekoj aŭ forigi ilin tute.

Foriganta la Subline sur Tekstaj Ligoj

Subskribita teksto povas esti pli malfacila legi tiun ne-substrekitan tekston. Aldone, multaj diseñistoj simple ne zorgas pri la aspekto de substrekitaj tekstaj ligoj. En ĉi tiuj okazoj, vi verŝajne volas forigi ĉi tiujn substrekojn tute.

Por forigi la substrekojn el tekstaj ligiloj, vi uzos la CSS-posedan tekston-dekoracion. Jen la CSS, kiun vi skribus por fari ĉi tion:

{teksto-dekoracio: nenio; }

Kun tiu linio de CSS, vi forprenus la substrekon de ĉiuj tekstaj ligoj. Kvankam ĉi tio estas tre ĝenerala stilo (ĝi uzas elementan elektilon), ĝi ankoraŭ havas pli da specifaĵo ol la defaŭlta foliumiloj. Ĉar tiuj defaŭlta stiloj estas kio kreas la substrekojn por komenci, tio estas, kion vi devas anstataŭigi.

Rabo pri Forigado Subskribaĵoj

Vere, la forigo de substrekoj eble estas ĝuste kion vi volas plenumi, sed vi devas esti singardema kiam vi ankaŭ faras ĉi tion. Ĉu vi ŝatas la aspekton de substrekitaj ligoj aŭ ne, vi ne povas argumenti, ke ili evidentigas, pri kio teksto estas ligita kaj kio ne estas. Se vi forprenas aŭ substrekas tiun defaŭltan bluan ligon, vi devas certigi, ke vi anstataŭigu ilin per stiloj, kiuj ankoraŭ ebligas ligitan tekston. Ĉi tio faros pli intuicia sperton por la vizitantoj de via retejo.

Ne Subskriba Ne-Ligiloj

Alia singardeco pri ligoj kaj substrekoj, ne substrekas tekston, kiu ne estas ligilo kiel maniero de emfazanta ĝin. Homoj atendis, ke subskribita teksto estu ligilo, do se vi submetas la enhavon por aldoni emfazon (anstataŭ aŭdaci aŭ kursivigi ĝin), vi sendas la malĝustan mesaĝon kaj konfuzas la uzantojn.

Ŝanĝi la Subline al Dots aŭ Dashes

Se vi volas subteni vian tekston subskriba, sed ŝanĝi la stilon de tiu subteksto de la defaŭlta rigardo, kiu estas "vendita" linio, vi ankaŭ povas fari ĉi tion. Anstataŭ tiu solida linio, vi povas uzi punktojn por substreki viajn ligilojn. Por fari tion, vi ankoraŭ forigos la substrekon, sed vi anstataŭigos ĝin per la limo-funda stilo propraĵo:

{teksto-dekoracio: nenio; limo-fundo: 1px dotita; }

Pro tio ke vi forigis la normon subskriba, la punkto estas la sola kiu aperas.

Vi povas fari la saman aferon por akiri dashes. Simple ŝanĝu la limon-malsupran stilon por forkuri:

{teksto-dekoracio: nenio; limo-fundo: 1px malŝaltita; }

Ŝanĝi la Subline Koloron

Alia maniero por nomi la atenton al viaj ligiloj estas ŝanĝi la koloron de la subteksto. Nur certigu, ke la koloro kongruas kun via kolorskemo .

{teksto-dekoracio: nenio; limo-fundo: 1px solida ruĝa; }

Duoblaj Subtekstoj

La lertaĵo por uzi duoblajn substrekojn estas ke vi devas ŝanĝi la larĝecon de la limo. Se vi kreos 1px larĝan limon, vi finos kun duobla substreko, kiu aspektas kiel ununura substreko.

{teksto-dekoracio: nenio; limo-fundo: 3px duobla; }

Vi povas ankaŭ uzi la ekzistantan substrekon por fari duoblan substrekston kun aliaj funkcioj, kiel unu el la linioj rezultitaj:

{landflanko: 1px duobla; }

Donu Ne Forgesu la Ligilistojn

Vi povas aldoni la limon-malsupran stilon al viaj ligiloj ĉe malsamaj statoj kiel: ŝvebado,: aktiva aŭ: vizitita. Ĉi tio povas krei belan "ruliĝantan" stilon sperton por vizitantoj kiam vi uzas tiun "ŝvebadon" pseŭdan klason. Por fari duan punkton submetita aperas kiam vi ŝvebas super la ligilo:

{teksto-dekoracio: nenio; } a: ŝvebu {border-bottom: 1px dotted; }

Originala artikolo de Jennifer Krynin. Redaktita de Jeremy Girard