[Résolu] ligne de code (Créer un compte)

  • WordPress :5.5
  • Statut : résolu
15 sujets de 1 à 15 (sur un total de 16)
  • Auteur
    Messages
  • #2359919
    almui
    Participant
    Padawan WordPress
    50 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Version de PHP/MySQL :
    • Thème utilisé : cream magazine pro
    • Extensions en place :
    • Nom de l’hébergeur : ovh
    • Adresse du site : https://on5vl.org/

    Problème(s) rencontré(s) :

    bonjour,

    je cherche une ligne de code en css pour que mes liens apparaissent souligné en bleu (par exemple) et quand on passe dessus ils soient entourés d’un background de la même couleur. Je voudrais cela uniquement sur les posts et les pages mais que ma première page ne soit pas impacté.

    J’ai pris comme exemple cette page mis en attache et j’aimerai reproduire la même chose.
    Merci de vos conseilles

     

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2359947
    ferman
    Participant
    Maître WordPress
    3217 contributions

    Bonjour,

    Les liens que j’ai vus sont déjà marqués soit en bleu soit en noir et facilement reconnaissables. Votre site est très fourni et je n’ai pas cherché partout mais je n’ai rien remarqué qui ressemble à votre copie d”écran.

    #2359951
    ferman
    Participant
    Maître WordPress
    3217 contributions

    Bonjour,

    On me fait remarquer que je n’avais pas compris que la copie d’écran n’était pas une page de votre site. Je pouvais toujours chercher!

    Regardez ICI et : vous avez les explications nécessaires. Dans mouse-over-link remplacez color par  background-color.

    • Cette réponse a été modifiée le il y a 3 jours et 8 heures par ferman.
    #2360027
    almui
    Participant
    Padawan WordPress
    50 contributions

    En effet la page mis en copie est ce à quoi je voudrai avoir.

    En effet j’avais déjà trouvé cette page mais si je met ces codes dans le thème enfant, TOUT les liens de la première page sont impactés aussi et cela je n’ai pas envie.
    Donc j’aimerai n’avoir cette “astuce” que dans mes posts et mes pages. N’y aurait-il pas à ajouter un “attribut” ?  (excusez ma méconnaissance du CSS)

    #2360050
    ferman
    Participant
    Maître WordPress
    3217 contributions

    Bonjour,

    Il était tard et j’avais zappé la deuxième partie de la question.

    Essayez ces deux lignes de CSS. La première s’applique à toutes les pages sauf la page d’accueil y compris le menu. La deuxième exclut le menu. L’important est la restriction “body:not(.home)”.

    body:not(.home) a:link, body:not(.home) a:visited, body:not(.home) a:hover{color:red!important;}
    
    body:not(.home) #content a:link, body:not(.home) #content a:visited, body:not(.home) #content a:hover{color:red;}

    #2360084
    almui
    Participant
    Padawan WordPress
    50 contributions

    Sniff ça fonctionne pas (comme je voudrai)

    En effet ici TOUS les liens sont devenus “red”

    Une autre idée ?

    #2360092
    ferman
    Participant
    Maître WordPress
    3217 contributions

    C’était pour montrer les possibilités, je pensais que vous alliez faire votre choix. Le code ci-dessous devrait se rapprocher de ce que vous souhaitez. J’ai mis la couleur au survol en bleu car le texte (au survol) est rouge. Cela ne vient pas de moi!

    body:not(.home) #content a:link {text-decoration:underline;
      text-decoration-color:red;
      text-decoration-thickness:2px;}
    
    body:not(.home) a:hover{background-color:blue;}

    • Cette réponse a été modifiée le il y a 2 jours et 14 heures par ferman.
    #2360105
    mathieu42
    Participant
    Chevalier WordPress
    133 contributions

    je viens d’aller sur votre site et je vois seulement la couleur rouge sur les pages des articles et pas sur la page d’accueil.

    j’utilise la dernière version de Firefox, peut-être que vous avez un navigateur qui ne gère pas complètement le CSS. par exemple Edge ne sait pas utiliser “not”.

    #2360109
    almui
    Participant
    Padawan WordPress
    50 contributions

    On se rapproche 🙂

    j’ai bien le background color bleu quand je passe sur le lien.

    Juste la couleur change sur le lien et passe au rouge qui n’est pas des plus joli peut-être ajouter à body :

    body:not(.home) a:hover {bacckground-color:#609ace; text decoration-color:black;}

    qu’en pensez vous ?

    #2360113
    almui
    Participant
    Padawan WordPress
    50 contributions

    Après plusieurs essais de couleur je pense que je vais adopter votre code.

    Juste un soucis maintenant le logo ON5VL au dessus, au passage de la souris, se couvre d’un background aussi ! Je ne pense pas que je pourrais changer ça.

    De toute façon je vous remercie car j’ai déjà appris quelque chose.

     

    #2360120
    ferman
    Participant
    Maître WordPress
    3217 contributions

    Je ne pense pas que je pourrais changer ça

    Essayez ça pour voir:

    a.custom-logo-link{background-color:transparent!important;}

     

    #2360126
    almui
    Participant
    Padawan WordPress
    50 contributions

    Ok pour le logo il ne “s’éclaire” plus.
    Maintenant ce sont les autre différents liens de la page qui sont impactés.

    par exemple les “pages précédentes/suivantes, les mots clé…

    bah il faut tout revoir

    je pense que je vais abandonner car cela devient trop complexe à gérer.

     

    #2360135
    ferman
    Participant
    Maître WordPress
    3217 contributions

    Oui, il faudrait y aller calmement et y passer du temps car, parmi les liens,  apparemment vous ne voulez pas tous les changer.  C’est compliqué pour un résultat pas garanti . Les CSS additionnelles ne sont pas vraiment faites pour des changements aussi profonds. Personnellement, je ferais le maximum avec les réglages du thème et j’en resterais là.

    #2360143
    almui
    Participant
    Padawan WordPress
    50 contributions

    Excellent résumé.

    l’important c’est d’avoir essayé. Pour finir je vais m’en tenir aux réglages du thème c’est déjà pas mal.
    Je vous remercie je garde quand même les lignes de code sous le coude on ne sais jamais.
    Bonne soirée.

    #2360149
    PhiLyon
    Modérateur
    Maître WordPress
    26729 contributions

    Bonjour.

    Je n’ai pas tout suivi, mais à tout hasard essaie-çà

    body:not(.home) .the_content a {
        color: blue;
    }
    
    body:not(.home) .the_content a:hover {
        background: #2bfafa;
    }

    🙂

15 sujets de 1 à 15 (sur un total de 16)
  • Vous devez être connecté pour répondre à ce sujet.