Els enllaços afecten significativament l’aspecte d’una pàgina web. Tant si es tracta del vostre lloc web com del vostre bloc, els enllaços molt personalitzats canviaran millor el disseny del vostre lloc web. Fins i tot sense conèixer html i css, fer un bon enllaç és bastant fàcil.
Instruccions
Pas 1
En primer lloc, creem un enllaç habitual. Això es fa mitjançant el codi següent: nom de l'enllaç. En aquest codi, l'etiqueta és un enllaç. El seu atribut "href" indica l'adreça de la pàgina a la qual dirigeix l'enllaç. En lloc de "títol de l'enllaç", escriviu una paraula o frase que representi l'enllaç
També podeu afegir text que apareixerà quan feu clic a l'enllaç. L'atribut "title" de l'etiqueta us ajudarà.
Pas 2
Ara comencem a enllaçar. La forma més senzilla de fer-ho és en fulls d'estil en cascada (css). Obriu el fitxer que conté els estils del vostre lloc i escriviu-hi més codis. Com a alternativa, podeu inserir estils directament a la pàgina html. Per fer-ho, utilitzeu el codi de personalització de l'estil del lloc.
Pas 3
Passem al disseny. La sintaxi de l'entrada seria un {paràmetres d'estil}. Què he d’escriure aquí?
Primer, canvieu el color dels enllaços al vostre gust. Aquest codi us ajudarà amb això:
a {color: # 00000;}. Per descomptat, en lloc de "# 00000" heu d'inserir el vostre propi color. Podeu trobar el codi de color en aquest formulari en diferents programes gràfics (per exemple, a Photoshop) o trobar una paleta web.
Pas 4
Per defecte, el navegador subratlla els enllaços. Això es pot cancel·lar amb el codi següent: a {text-decoration: none;}
Per crear enllaços en negreta, utilitzeu el paràmetre font-weight: bold; S'insereix al codi d'estil de la mateixa manera que el color, el subratllat.
Pas 5
Probablement haureu observat que en alguns llocs, quan passeu el cursor per sobre d’un enllaç, el seu aspecte canvia. Vostè també pot fer això. Un codi com aquest us ajudarà: a: passeu el cursor {paràmetres d’estil}. Els paràmetres s'especifiquen de la mateixa manera que per a un enllaç normal, l'únic valor és la pseudo-classe "hover", que notifica al navegador que aquests paràmetres s'han d'aplicar quan es passa el cursor per sobre de l'enllaç.
De la mateixa manera, podeu ressaltar els enllaços visitats: a: visita {paràmetres d'estil}
