Mise à jour le
Nous avons rédigé avec Yin-Yin une page proposant quelques éléments pour modifier sa feuille de style pour le thème dKret. Je vous invite à vous y reporter.
A partir des modifications déjà effectuées, et grâce aux explications que j’ai trouvées sur la page Tutoriels HTML et CSS, j’ai donné, comme dit Christine, un coup de boost à mes liens.
Les liens dans les articles
Auparavant, les liens s’affichaient en vert et étaient soulignés. Au passage de la souris, ils devenaient bleus tout en restant soulignés. Le code utilisé était le suivant :
5c43f110c6b31e4c0eb5ae459117c37e000
Afin d’afficher les liens en blanc sur fond vert au passage de la souris, j’ai modifié le code ainsi :
5c43f110c6b31e4c0eb5ae459117c37e001
Les liens des titres
Avec le code ci-dessus, tous les liens, y compris ceux des titres, s’affichent sur fond vert.
Avant les modifications, le code pour l’affichage des titres était le suivant :
5c43f110c6b31e4c0eb5ae459117c37e002
J’ai choisi d’afficher, au survol de la souris, les titres de niveaux 2, 3 et 4 en blanc sur fond bleu :
5c43f110c6b31e4c0eb5ae459117c37e003
Si on ne souhaite pas que les titres s’affichent sur un fond de couleur au survol de la souris, le code est le suivant :
5c43f110c6b31e4c0eb5ae459117c37e004
Les liens du menu
Le code que j’utilisais pour afficher les liens du menu était le suivant :
5c43f110c6b31e4c0eb5ae459117c37e005
Le survol de la souris sur les menus affiche alors un fond vert, tout en conservant la couleur bleue du lien.
J’ai donc modifié le code :
5c43f110c6b31e4c0eb5ae459117c37e006
Les liens du footer (pied-de-page)
Les liens dans le footer sont affichés en vert. Avec le code antérieur, les liens s’affichaient, comme sur le reste du blog, en bleu au survol de la souris, ils étaient donc peu lisibles sur fond vert :
5c43f110c6b31e4c0eb5ae459117c37e007
J’ai donc choisi là aussi de les afficher en blanc sur fond vert au passage de la souris :
5c43f110c6b31e4c0eb5ae459117c37e008
Tous les liens du blog s’affichent donc maintenant sur fond vert, sauf… pour la modification des commentaires, mais cela ne concerne que l’administrateur du blog, alors ce n’est pas grave 😉 (L’item Supprimer est à peine visible !
Les liens des vignettes affichées par NextGen Gallery
NextGen Gallery dispose d’un fichier CSS. J’ai recherché ce qui pouvait correspondre à l’affichage du lien au survol de la souris en effectuant une recherche dans le code sur le mot hover.
Après l’avoir trouvé, j’ai inséré les lignes concernées dans ma feuille de style dKret en modifiant la couleur pour l’assortir à mon blog !
5c43f110c6b31e4c0eb5ae459117c37e009
Il reste encore quelques améliorations à apporter :
- personnaliser peut-être les liens de la barre latérale,
- personnaliser ceux du nuage de tags,
et si je trouve, « booster » ceux des titres !
Ecrit par Lise - Site
Merci beaucoup pour cette aide, je galérais comme un petit fou et en quelques lignes j’ai compris le truc.
Je vais continuer à geeker votre site, vous faites les choses bien !
Bonjour Lise.
C’est dur d’être débutant …..
J’ai choisi comme thème pour ma page Picture Perfect 1.2 , il y a des photos dans le menus en haut à gauche , comment je fais pour les changer?
Comment je fais pour entrer du code html ?
Merci Lise.
Je sais 😉
Je ne connais pas Picture Perfect. Je ne peux répondre que sur le thème que j’utilise, dKret, auquel nous avons consacré quelques pages
https://lisetauber.fr/wordpress/theme-dkret
et qui me permet de changer les images d’entête.
Où ça ? dans un article ? si c’est le cas, après avoir cliqué sur Nouvel article il faut utiliser l’onglet code. Dans la page https://lisetauber.fr/wordpress/commencer-avec-wordpress/wordpress-quelques-sites, j’ai cité quelques sites qui traitent du sujet au paragraphe Utiliser l’éditeur html.