Heq Lidhjen e Nënvizimeve ose Krijo Lidhje të Përziera me Dashed ose Double Underlined
By default, web browsershave disa stile CSS të caktuara që ato zbatohen për elemente të veçanta HTML. Nëse nuk i mbishkruani këto standarte me fletët e stilit tuaj të faqes, atëherë do të zbatohen standarte. Për hyperlinks, stili i shfaqjes së parazgjedhur është se çdo tekst i lidhur do të jetë i kaltër dhe i nënvizuar. Shfletuesi bën këtë në mënyrë që vizitorët e një faqeje të shohin lehtësisht se çfarë teksti është i lidhur. Shumë web designers nuk kujdesen për këto stilet e parazgjedhur, veçanërisht ato nënvizon. Fatmirësisht, CSS e bën të lehtë ndryshimin e pamjes së atyre nënvizimeve ose heqjen e tyre plotësisht.
Heqja e nënvizuar në lidhjet e tekstit
Teksti i nënvizuar mund të jetë më sfidues për të lexuar tekstin e pa nënvizuar. Përveç kësaj, shumë designers thjesht nuk kujdesen për pamjen e lidhjeve të teksteve të nënvizuara. Në këto raste, ju do të dëshironi të hiqni këto nënvizon krejtësisht.
Për të hequr nënvizimet nga lidhjet e tekstit, do të përdorësh tekstin dekorativ të pronës CSS. Këtu është CSS që do të shkruanit për ta bërë këtë:
një {text-decoration: none; }
Me atë linjë të CSS, ju do të hiqni theksin nga të gjitha lidhjet e tekstit. Edhe pse ky është një stil shumë i përgjithshëm (përdor një përzgjedhës elementësh), ai ende ka më shumë veçori se stilet e shfletuesve të parazgjedhur. Për shkak se ato stile të paracaktuar janë ato që krijojnë nënvizimet për të filluar, kjo është ajo që ju duhet të mbishkruani.
Një Kujdes për Heqjen e Nënvizimeve
Vizualisht, heqja e nënvizimeve mund të jetë pikërisht ajo që ju doni të arrini, por ju duhet të jeni të kujdesshëm kur bëni edhe këtë. Nëse ju pëlqen pamja e lidhjeve të nënvizuara apo jo, ju nuk mund të argumentoni se ata e bëjnë të qartë se cili tekst lidhet dhe cili nuk është. Nëse heq poshtë nënvizon ose ndryshon ngjyrën e parazgjedhur të lidhjes blu, duhet të siguroheni që t'i zëvendësoni me stile që ende lejojnë që teksti i lidhur të dalë jashtë. Kjo do të bëjë për një përvojë më intuitive për vizitorët e faqes suaj.
Mos e nënvizoni jo-lidhjet
Një tjetër kujdes në lidhjet dhe thekson, nuk nënvizoj tekstin që nuk është një lidhje si një mënyrë për ta theksuar atë. Njerëzit kanë ardhur të presin që teksti i nënvizuar të jetë një lidhje, kështu që nëse nënvizoni përmbajtjen në mënyrë që të shtoni theksin (në vend që ta bëni atë të guximshme ose të kurseni atë), dërgoni mesazhin e gabuar dhe do të ngatërroni përdoruesit e faqes.
Ndryshimi Underline to Dots or Dashes
Nëse doni të mbani nënvizon lidhjen tuaj të tekstit, por ndryshoni stilin e asaj që nënvizoni nga pamja e parazgjedhur, e cila është një linjë "e shitur", ju mund ta bëni këtë gjithashtu. Në vend të kësaj linje të fortë, mund të përdorni pika për të nënvizuar lidhjet tuaja. Për ta bërë këtë, do të heqësh nënvizimin, por do ta zëvendësosh me pronën e stilit të poshtëm të kufirit:
një {text-decoration: none; fundi i kufirit: 1px pikëzuar; }Pasi që e keni hequr nënvizimin e standardit, është e vetmja që duket.
Ju mund të bëni të njëjtën gjë për të marrë dashes. Vetëm të ndryshoni stilin e fundit të kufirit të thyej:
një {text-decoration: none; fundi i kufirit: 1px thye; }Ndrysho Color Underline
Një mënyrë tjetër për të tërhequr vëmendjen në lidhjet tuaja është të ndryshoni ngjyrën e nënvizuar. Vetëm sigurohuni që ngjyra përshtatet me skemën tuaj të ngjyrave .
një {text-decoration: none; fundi i kufirit: 1px kuqe e ngurtë; }Nënvizon dyfishin
Mashtrimi i përdorimit të nënvizimeve të dyfishta është se duhet të ndryshoni gjerësinë e kufirit. Nëse krijoni një kufi të gjerë 1px, do të përfundoni me një theks të dyfishtë që duket si një nënvizim i vetëm.
një {text-decoration: none; fund i kufirit: 3px dyfish; }Ju gjithashtu mund të përdorni nënvizuesin ekzistues për të bërë një nënvizim të dyfishtë me veçoritë e tjera, si p.sh. një nga linjat që janë pika:
a {fund-fund: 1px dyfishtë; }Mos harroni Vendet e Lidhjes
Ju mund të shtoni stilin e fundit të kufijve në lidhjet tuaja në shtete të ndryshme si: hover,: active, ose: visited. Kjo mund të krijojë një eksperiencë të bukur "rollover" për vizitorët kur përdorni atë pseudo klasë "hover". Për të bërë një nënvizim të dytë me pikë shfaqet kur ju rri pezull mbi lidhjen:
një {text-decoration: none; } a: rri pezull (fund-fund: 1px pikëzuar; }Artikulli origjinal nga Jennifer Krynin. Redaktuar nga Jeremy Girard