• Champs de texte

    qu'est-ce que c'est ?



    comment faire ?

    Allez, c'est parti ! Commencez donc par ouvrir votre feuille de style CSS depuis Apparence > Modifier le thème > Ajouter du CSS.

    La première étape, c'est changer le degrès d'arrondissement des cases de formulaire qui sont par défaut carrées. Pour ce faire, collez les codes suivants :

    #form_cavom {
        border-radius: 20px 10px;
    }

    #background input[type="text"], #background select, #background textarea {
        border-radius: 20px 10px;
    }

    #menubar_signin input {
        border-radius: 20px 10px;
    }

    #menubar_signin_username {
        border-radius: 20px 10px;
    }

    #menubar_signin_username, #menubar_signin_password {
        border-radius: 20px 10px;
    }

    Les valeurs 20px s'appliquent au côté supérieur gauche et inférieur droit de la case.
    Les valeurs 10px s'appliquent au côté inférieur gauche et supérieur droit de la case.
    Ces deux valeurs sont parfaitement modifiables.

    Maintenant, je suppose que c'est le principal, il faut mettre un fond à ces cases de formulaire. Il va falloir modifier l'une des lignes précédemment collées. Retrouvez celle-ci

    #background input[type="text"], #background select, #background textarea {
        border-radius: 20px 10px;
    }

    Et remplacez-la comme ceci :

    #background input[type="text"], #background select, #background textarea {
    border-radius: 20px 10px;
    background: url("urldel'image");
    }

    Il vous suffit ensuite de remplacer urldel'image par l'url de l'image de fond souhaitée. Attention, cette image sera automatiquement répétée.

    Au cas où la répétition de l'image ne serait pas souhaitée, transformez à nouveau la ligne de la façon suivante :

    #background input[type="text"], #background select, #background textarea {
    border-radius: 20px 10px;
    background: url("urldel'image") no-repeat;
    }

    Ici, la seule modification est le rajout du no-repeat qui, comme son nom l'indique, empêchera la répétition de votre image de fond.


  • Commentaires

    26
    Vendredi 29 Août 2014 à 12:07

    Merci pour les codes !^^

    25
    Lundi 30 Juin 2014 à 23:57

    Merci pour ce partage très bien expliquer ^^

    24
    Vendredi 29 Novembre 2013 à 19:19

    Oh merci pour ce code! ^^

    23
    Mercredi 23 Octobre 2013 à 17:38

    Bonjour,je le prend avec plaisir bah je vais essayer.Merci pour ce code!

    22
    Dalice mervelis Profil de Dalice mervelis
    Lundi 27 Mai 2013 à 13:32

    c'est très intéressent merci ^^

    21
    Mardi 7 Mai 2013 à 12:05

    ok merci

    20
    Lundi 6 Mai 2013 à 20:12

    C'est écrit ! :)
    Apparence > Modifier le thème > Ajouter du CSS

    19
    Lundi 6 Mai 2013 à 10:56

    Mais le code il faut le collé ou ? ^^

    18
    Mercredi 24 Avril 2013 à 19:29

    Pas de problème. :)

    17
    Mercredi 24 Avril 2013 à 19:25

    ça fonctionne merci. :)

    16
    Mercredi 24 Avril 2013 à 19:21

    Je vais essayer merci.

    15
    Mercredi 24 Avril 2013 à 19:19

    Il suffit juste de retirer une ligne. Normalement ce code-là devrait fonctionner. ^^

    #background input[type="text"], #background select, #background textarea {
    background: url("urldel'image");
    }

     

    14
    Mercredi 24 Avril 2013 à 18:55

    Bonjour c'est ce code là qui m'intéresserait :

    #background input[type="text"], #background select, #background textarea {
    border-radius: 20px 10px;
    background: url("urldel'image");
    }

    Mais si possible en gardant les commentaires "carrés" mais pour mettre une image. 

    Je ne sais pas si c'est très clair, merci d'avance !

    13
    Samedi 23 Mars 2013 à 11:59

    Tu peux modifier la couleur du texte à partir de Apparence > Modifier le thème > Boutons et champs > Texte dans les champs de texte ; il te suffit de cocher la case couleur et de choisir la couleur qui convient à ton texte. :)

    12
    Dannylou Profil de Dannylou
    Samedi 23 Mars 2013 à 11:54

    merci beaucoup, , par contre, pour la couleur de l'écriture, car je la vois à peine

    je modifie où ?

    11
    Samedi 23 Mars 2013 à 11:27

    Ah ! Je ne l'ai pas précisé. Il faut les insérer dans la feuille de CSS depuis Apparence > Modifier le thème > Ajouter du CSS

    10
    Dannylou Profil de Dannylou
    Samedi 23 Mars 2013 à 08:44

    re-bonjour

    mais où mets tu ce code? Bises et bon samedi

    9
    Gabie Profil de Gabie
    Mardi 8 Janvier 2013 à 01:02

    Merci pour tout les tutos, avant je prenais mes css chez Fantasy graph, mais c'était toujours très complexe... Je suis contente d'avoir trouvé ton blog ^^

    8
    Samedi 29 Octobre 2011 à 11:23

    Merci ! Ton blog m'aide beaucoup =) 

    7
    Vendredi 28 Octobre 2011 à 14:22

    Tu héberges ton images, tu l'ouvres et tu fais clique droit dessus puis Copier l'adresse de l'image/Copier l'URL de l'image. Ensuite tu fais Ctrl+V (Coller) à la place prévue pour l'url de l'image.

    6
    Vendredi 28 Octobre 2011 à 11:24

    J'ai pas compris: On fait comment pour trouver l'url de l'image qu'on veut mettre en fond?

    5
    Lundi 24 Octobre 2011 à 22:05

    Merci !

    4
    Lundi 24 Octobre 2011 à 13:39

    Ah si la je vois ! :D

    3
    Lundi 24 Octobre 2011 à 13:36

    Et là ? :O

    2
    Dimanche 23 Octobre 2011 à 21:56

    Moi non plus... ._.

    1
    Dimanche 23 Octobre 2011 à 20:47

    Je ne vois pas l'image...



    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :