• Boutons

    Ce code est très recherché, et je vous le donne aujourd'hui ^^

    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

    //IMPORTANT// : Il faut ABSOLUMENT décocher TOUTES les propriétés de "boutons", sinon les codes ne marcheront pas.

    input[type=button],input[type=submit], button {
        background:#COULEUR ;
        color : #COULEUR;
        font-family: "POLICE DU TEXTE";
        border: NOMBREpx style #COULEUR;
        border-radius: NOMBREpx;
      font-size: NOMBREpx; }
     

     

    Et au survol, il suffit de rajouter des :hover

    input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover, button:hover, .button:hover  {
       background:#COULEUR ;
        color : #COULEUR;
        font-family: "POLICE DU TEXTE";
        border: NOMBREpx style #COULEUR;
        border-radius: NOMBREpx;
      font-size: NOMBREpx; 
    }

    champs rouges : champs à modifier selon ce qui est marqué.

    background : la couleur du fond du bouton. Comme pour le texte, il faut la remplacer par un code hexadécimal.

     color : la couleur du texte du bouton. Il faut la remplacer par un code hexadécimal. Vous pouvez le trouver grâce au Color Picker Pro dans le menu.

    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 :
    Si vous voulez, vous pouvez également changer le style de la bordure, c'est à dire que :
    solid est la bordure classique
    dotted est la bordure en pointillés
    dashed est la bordure en tirets
    double est la bordure double
    Dans le champ "COULEUR", c'est comme "color" et "background". Il faut un code hexadécimal.

    border-radius : les arrondis du bouton. Plus la valeur est élevée, plus les boutons seront arrondis.

    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.

     

    « Modifier l'écriture du pied de pageTransition fondue sur les liens »

  • Commentaires

    Aucun commentaire pour le moment

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :