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 sélection (surlignement d'un texte)

    Partagez
    avatar
    Okhmhaka
    FémininAge : 32Messages : 31851

    le Lun 1 Avr 2013 - 17:41


    Le code n'est pas caché sous balise hide, mais n'hésitez pas à remercier son auteur :)
    Lien pour comprendre pourquoi le contenu n'est pas sous hide


    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.



    avatar
    Esther Amyko
    FémininAge : 17Messages : 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 :/



    avatar
    Ayael
    FémininAge : 21Messages : 567

    le Dim 21 Avr 2013 - 16:46

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

    avatar
    Okhmhaka
    FémininAge : 32Messages : 31851

    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é


      La date/heure actuelle est Mar 25 Avr 2017 - 10:35