Les liens affectent considérablement l'apparence d'une page Web. Qu'il s'agisse de votre site Web ou de votre blog, des liens magnifiquement personnalisés changeront la conception de votre site Web pour le mieux. Même sans connaissances en html et css, créer un joli lien est assez facile.
Instructions
Étape 1
Tout d'abord, créons un lien régulier. Cela se fait à l'aide du code suivant: nom du lien. Dans ce code, la balise est un lien. Son attribut "href" indique l'adresse de la page vers laquelle mène le lien. Au lieu de "titre du lien", écrivez un mot ou une phrase qui représentera le lien
Vous pouvez également ajouter du texte qui apparaîtra lorsque vous cliquerez sur le lien. L'attribut "title" de la balise vous y aidera.
Étape 2
Passons maintenant au lien. La façon la plus simple de le faire est d'utiliser des feuilles de style en cascade (css). Ouvrez le fichier contenant les styles de votre site et écrivez-y du code supplémentaire. Alternativement, vous pouvez insérer des styles directement dans la page html. Pour ce faire, utilisez le code de personnalisation du style du site.
Étape 3
Passons à la conception. La syntaxe de l'entrée serait un {paramètres de style}. Que dois-je écrire ici ?
Tout d'abord, changez la couleur des liens à votre guise. Ce code vous aidera avec ceci:
une {couleur: # 00000;}. Bien sûr, au lieu de "# 00000", vous devez insérer votre propre couleur. Vous pouvez trouver le code de couleur sous cette forme dans différents programmes graphiques (par exemple, dans Photoshop) ou trouver une palette Web.
Étape 4
Par défaut, le navigateur fait des liens soulignés. Cela peut être annulé avec le code suivant: a {text-decoration: none;}
Pour créer des liens en gras, utilisez le paramètre font-weight: bold;. Il est inséré dans le code de style de la même manière que la couleur, souligné.
Étape 5
Vous avez probablement remarqué que sur certains sites, lorsque vous survolez un lien, son apparence change. Vous pouvez le faire aussi. Un code comme celui-ci vous aidera: a: survolez {paramètres de style}. Les paramètres sont spécifiés de la même manière que pour un lien classique, la seule valeur est la pseudo-classe "hover", qui notifie au navigateur que ces paramètres doivent être appliqués lors du survol du lien.
De même, vous pouvez mettre en évidence les liens visités: a: visité {paramètres de style}
