AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.


    Changer la couleur de surlignement

    Partagez
    Okhmhaka
    FémininAge : 31Messages : 31718

    le Lun 1 Avr 2013 - 17:41

    Lorsque vous êtes sur une page internet et que vous surlignez un texte, un fond de couleur par défaut apparait et ça fait très Pokémon dit comme ça, mais bref. Par exemple, sur une page classique, si je surligne avec ma souris une partie de texte, il s'affiche comme ceci :



    Mais la couleur de fond et le changement de couleur de police peuvent être modifiés. Par exemple, sur N-U actuellement avec un thème très bleu, si vous surlignez un texte vous devez avoir un fond bleu et le texte presque blanc, comme ceci :



    Pour faire cela, il vous suffit de mettre dans votre css le code suivant :

    Code:
    ::selection
    {
      background: #ffffff none repeat scroll 0 0;
      color: #000000;
      text-shadow: none;
    }
    ::-moz-selection
    {
      background: #ffffff none repeat scroll 0 0;
      color: #000000;
      text-shadow: none;
    }

    Dans le code la couleur de fond est le blanc (#ffffff) et la couleur de texte le noir (#000000), vous pouvez ainsi harmoniser le surlignement à votre couleur dominante de page.
    Ce code ne fonctionne peut-être pas avec certains navigateurs, notamment leur version plus ancienne.

    Dans le code présent j'ai précisé un "text-shadow: none" ce qui signifie que les ombres de texte, s'il y'en a, seront enlevées. En effet, ces ombres rendent souvent le surlignement illisible.



    Esther Amyko
    FémininAge : 16Messages : 42

    le Lun 8 Avr 2013 - 17:13

    Merci =D


    EDIT : Je crois qu'il y a un problème quelque part x( Au lieu de changer les couleurs, ça m'empêche carrément de surligner :/



    Ayael
    FémininAge : 21Messages : 550

    le Dim 21 Avr 2013 - 16:46

    moi ça marche très bien! Merci capitaine !

    Okhmhaka
    FémininAge : 31Messages : 31718

    le Lun 22 Avr 2013 - 11:45

    Esther : tu es sous quel navigateur ? est-ce que tu vois le surlignement comme il faut sur N-U ? Tu as mis une couleur de fond et de texte différentes ?



    Contenu sponsorisé

    Aujourd'hui à 0:59


      La date/heure actuelle est Ven 9 Déc 2016 - 0:59