Lidhjet ndikojnë dukshëm në shfaqjen e një faqe në internet. Pavarësisht nëse është faqja juaj në internet ose blogu, lidhjet e personalizuara bukur do të ndryshojnë hartimin e faqes suaj të internetit për mirë. Edhe pa njohuri të html dhe css, të bësh një lidhje të këndshme është shumë e lehtë.
Udhëzimet
Hapi 1
Para së gjithash, le të krijojmë një lidhje të rregullt. Kjo është bërë duke përdorur kodin e mëposhtëm: emrin e lidhjes. Në këtë kod, etiketa është një lidhje. Atributi i saj "href" tregon adresën e faqes në të cilën çon lidhja. Në vend të "titullit të lidhjes" shkruani një fjalë ose frazë që do të përfaqësojë lidhjen
Mund të shtoni edhe tekst që do të shfaqet kur të klikoni në link. Atributi "titull" i etiketës do t'ju ndihmojë për këtë.
Hapi 2
Tani le të merremi me lidhjen. Mënyra më e lehtë për ta bërë këtë është në fletët e stilit kaskadë (css). Hap skedarin që përmban stilet për sitin tënd dhe shkruaj kod të mëtejshëm atje. Përndryshe, ju mund të futni stile direkt në faqen HTML. Për ta bërë këtë, përdorni kodin e personalizimit të stilit të faqes.
Hapi 3
Le të zbresim në dizajn. Sintaksa për hyrjen do të ishte një {parametrat e stilit}. Çfarë duhet të shkruaj këtu?
Së pari, ndryshoni ngjyrën e lidhjeve sipas dëshirës tuaj. Ky kod do t'ju ndihmojë për këtë:
a {ngjyra: # 00000;}. Sigurisht, në vend të "# 00000" duhet të futni ngjyrën tuaj. Kodin e ngjyrave mund ta gjeni në këtë formë në programe të ndryshme grafike (për shembull, në Photoshop) ose të gjeni një gamë të internetit.
Hapi 4
Si parazgjedhje, shfletuesi bën lidhjet të nënvizuara. Kjo mund të anulohet me kodin e mëposhtëm: a {text-decoration: none;}
Për të krijuar lidhje të theksuara, përdorni parametrin font-weight: bold; Isshtë futur në kodin e stilit në të njëjtën mënyrë si ngjyra, nënvizo.
Hapi 5
Me siguri e keni vërejtur që në disa site, kur kaloni mbi një lidhje, pamja e saj ndryshon. Edhe ju mund ta bëni këtë. Një kod si ky do t'ju ndihmojë: a: hover {parametrat e stilit}. Parametrat specifikohen në të njëjtën mënyrë si për një lidhje të rregullt, vlera e vetme është pseudo-klasa "hover", e cila njofton shfletuesin se këto cilësime duhet të zbatohen kur rri pezull mbi lidhjen.
Në mënyrë të ngjashme, ju mund të theksoni lidhjet e vizituara: a: vizituar {parametrat e stilit}
