Affichage des résultats 1 à 9 sur 9

Discussion: Balise nofollow

  1. #1
    Date d'inscription
    October 2013
    Localisation
    Clermont-Ferrand, France
    Messages
    162
    Version de vBulletin
    5.0
    Hébergeur
    1&1
    Pouvoir de réputation
    39

    Balise nofollow

    Je voudrais ajouter une couleur au survol d'un lien.

    J'ai créé la balise [NOFOLLOW]
    Code:
    <a class="nofollow" href="{param}" rel="nofollow" target="_blank">{param}</a>
    Dans la classe nofollow, je voudrais attribuer les caractéristiques suivantes au survol du lien :
    Code:
    .nofollow:hover{style="background-color:darkcyan;color:white;"}
    Comment procéder pour écrire, proprement, cette classe dans vBulletin ?
    Merci pour vos explications.

  2. #2
    Date d'inscription
    March 2003
    Localisation
    Sur mon coussin
    Messages
    5 556
    Version de vBulletin
    4.2
    Hébergeur
    localhost
    Pouvoir de réputation
    106
    Dans additional.css de ton style (ou de tes styles si tu en as plusieurs) :
    Code:
    .nofollow :hover {
    background-color: darkcyan;
    color: white
    }
    Miaouuu... ne me caressez pas à rebrousse-poils, ça fait de l'électricité !
    Aucune demande d'aide par mp ne sera prise en compte !

  3. #3
    Date d'inscription
    October 2006
    Messages
    317
    Version de vBulletin
    4.0
    Hébergeur
    Mavenhosting
    Pouvoir de réputation
    65
    Bonsoir,

    Deux petits conseils.

    Je pense que ça fonctionnera mieux si il n'y a pas d'espace entre la class et le :hover.

    Code:
    .nofollow:hover {
    background-color: darkcyan;
    color: white;
    }
    Et il est toujours préférable de mettre un point virgule à la fin de tout les attributs, car si un attribut est rajouté après, il est fort probable que le membre ne sache pas pourquoi ça ne marchera pas.

  4. #4
    Date d'inscription
    March 2003
    Localisation
    Sur mon coussin
    Messages
    5 556
    Version de vBulletin
    4.2
    Hébergeur
    localhost
    Pouvoir de réputation
    106
    Je suis une grande modificatrice d'epub, qui sont régis par du html et du css. Sur les feuilles de styles, il n'y a jamais de point-virgule sur le dernier attribut. En principe, si l'on se lance dans la modification d'une feuille de styles, il est nettement préférable de s'y connaître un minimum. Bon, ça fonctionne avec, mais très bien aussi sans.
    Miaouuu... ne me caressez pas à rebrousse-poils, ça fait de l'électricité !
    Aucune demande d'aide par mp ne sera prise en compte !

  5. #5
    Date d'inscription
    October 2006
    Messages
    317
    Version de vBulletin
    4.0
    Hébergeur
    Mavenhosting
    Pouvoir de réputation
    65
    Oui le dernier attribut n'a aucunes obligations à avoir un point virgule, mais je signaler cela, car au vue de la question, j'ai trouvé utile de le signalé, afin d'éviter des soucis, si par exemple le membre désirait modifier la police par exemple ou autre chose, et d'ailleurs c'est juste une question d'habitude, car même une personne expérimenté qui dev les placeras toujours, car au file des modifications et d'ajouts d'attributs des class css, il devra les rajouter quoi qu'il en soit.

    Je travail énormément avec des débutant donc c'est pour cela que ce type de réflexe, est inné chez moi .

    Bonne journée.

  6. #6
    Date d'inscription
    October 2013
    Localisation
    Clermont-Ferrand, France
    Messages
    162
    Version de vBulletin
    5.0
    Hébergeur
    1&1
    Pouvoir de réputation
    39
    On voit bien le code apparaitre correctement dans le source.
    L'ajout dans additional.css n'est par contre pas du tout pris en compte. Que manque-t-il ?

  7. #7
    Date d'inscription
    March 2003
    Localisation
    Sur mon coussin
    Messages
    5 556
    Version de vBulletin
    4.2
    Hébergeur
    localhost
    Pouvoir de réputation
    106
    Remplace darkcyan par #008080 et white par #ffffff ; ça fonctionnera peut-être mieux avec les valeurs hexa que les noms de couleur.
    Miaouuu... ne me caressez pas à rebrousse-poils, ça fait de l'électricité !
    Aucune demande d'aide par mp ne sera prise en compte !

  8. #8
    Date d'inscription
    October 2013
    Localisation
    Clermont-Ferrand, France
    Messages
    162
    Version de vBulletin
    5.0
    Hébergeur
    1&1
    Pouvoir de réputation
    39
    En fait, c'était juste un problème de priorité. Une fois cela résolu, cela fonctionne. Merci.
    il est toujours préférable de mettre un point virgule à la fin de tout les attributs
    Je suis bien d'accord. Cela ne coute rien à mettre, ne prend pas de temps de chargement, et cela gagne souvent un temps important lors de la recherche des erreurs.

  9. #9
    Date d'inscription
    October 2006
    Messages
    317
    Version de vBulletin
    4.0
    Hébergeur
    Mavenhosting
    Pouvoir de réputation
    65
    Tu as trouver d'après ta réponse, en cas ou une personne voudrait savoir comment passé outre les class par défaut, malgré le template additional.css, il suffit de rajouter un !important après l'attribut juste avant le point virgule exemple:

    color: red !important;
    Bonne continuation.

Informations de la discussion

Utilisateur(s) sur cette discussion

Il y a actuellement 1 utilisateur(s) naviguant sur cette discussion. (0 utilisateur(s) et 1 invité(s))

Les tags pour cette discussion

Règles de messages

  • Vous ne pouvez pas créer de nouvelles discussions
  • Vous ne pouvez pas envoyer des réponses
  • Vous ne pouvez pas envoyer des pièces jointes
  • Vous ne pouvez pas modifier vos messages
  •