• Modifier la barre des cookies

    Je n'ai trouvé pour ma part AUCUN codes Ekla sur comment modifier la barre des cookies, j'ai simplement réussi après queques recherches à en obtenir le sélecteur, et donc je peux vous offrir enfin ce code qui n'est pas facile à trouver !

    RAPPELS :
    - Vous pouvez cliquer sur TOUTES les images pour les voir en plus grand
    - Le code CSS est à placer ici :

    Installer une police et l'utiliser

     

               A P P A R E N C E           
    Pour commencer, un code basique pour modifier le fond de la barre. Sachant que je n'ai pas réussi à modifier la couleur du texte sauf le lien.
     

     #cookie-info{background:#COULEUR;}

     Puis comme je l'ai dis juste avant, on peut modifier la couleur du "cliquez ici", sa police etc... Tout ce qui concerne la police est ici et ici.
    Mais en gros, le code de base est :

     #cookie-info a{color:#COULEUR; }

     COULEUR : champ à remplacer en fonction de la propriété.

    background : couleur de fond. Après le #, il faut mettre un code hexadécimal (voir le Color Picker Pro dans le menu).

    color : couleur du texte. À remplir comme le background.

     

              B O U T O N            
    J'ai ENFIN trouvé le code pour modifier le bouton plus loin qui dit "Fermer".
    Donc le code pour le bouton classique :

     #cookie-info button{ 
        background: #COULEUR;
        color: #COULEUR; 
    font-family: "NOM DE POLICE";
        border: NOMBREpx style #COULEUR;
         font-size: NOMBREpx;
        border-radius: NOMBREpx;
    propriété:valeur;}


    Et pour le bouton au survol, c'est le même chose, mais avec :hover :
     

     #cookie-info button:hover{ 
       background: #COULEUR;
        color: #COULEUR; 
    font-family: "NOM DE POLICE";
        border: NOMBREpx style #COULEUR;
         font-size: NOMBREpx;
        border-radius: NOMBREpx;
    propriété:valeur;
    }

    rouge : champs à remplacer par ce qui est marqué.

    background : couleur de fond. Après le #, il faut mettre un code hexadécimal (voir le Color Picker Pro dans le menu).

    color : couleur du texte. À remplir comme le background.

    font-family : la police. Il faut que vous choissiez une police proposée par eklablog : Arial, Arial Black, Comic sans ms, Courrier New, Georgia, Impact, Lucina Console, Lucina Sans Unicode, Palatino Linotype, Tahoma, Times New Roman, Trebuchet MS, Verdana, MS Sans Serif, MS Serif.
    Sinon, vous pouvez mettre une police que vous avez installé vous même. Si vous voulez faire, mais que vous ne savez pas comment, go ici !

    border : les bordures du bouton. Dans le champ "NOMBREpx", il faut mettre l'épaisseur de la bordure.
    Dans le champ "STYLE", il faut mettre l'une de ces propositions :
    solid est la bordure classique
    dotted est la bordure en pointillés
    dashed est la bordure en tirets
    double est la bordure double (ne marche qu'à partir de 3px)
    Dans le champ "COULEUR", c'est comme "color" et "background". Il faut un code hexadécimal.

    font-size : la taille de la police. Il vous faut un chiffre ou un nombre que vous allez placer juste avant le px selon la taille que vous souhaitez.

    border-radius : tout simplement les arrondis. À la place du champ "NOMBRE", il faudra mettre une valeur numérique comprise entre 0 et 50. Plus cette valeur sera élevée, plus les derniers visiteurs seront arrondis.

    propriété:valeur : à remplacer par les propriétés que vous souhaitez.

    C'est tout pour mon stock, vous pouvez aller sur les articles précédents et suivants en cliquant sur les flèches en bas, ou en recherchant ce que vous cherchez dans le répertoire à gauche.

    « Masquer les "infos articles"Modifier la couleur à la séléction de texte »

  • Commentaires

    1
    Mercredi 26 Avril à 16:39

    Je vais te piquer celui là !

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :