• Faire une zone de texte

    Hey! Aujourd'hui, je vous présente un tuto tout simple, c'est pour pouvoir faire une zone de texte (c'est à dire un encadré où on peut écrire dedans), en voici une:

    C'est bien alors mettez ça sur votre blog!Si ça vous plait!

    Essayer de placer votre curseur dessus, cliquez, et entrez le texte que vous voulez, magique non?

    Bon, passons au chose sérieuse, le code:

    <input style="background-image: IMAGE DE FOND; padding-left: MARGE INTERNEpx;" size="TAILLE DU TEXTE (NE RAJOUTEZ PAS PX); border: BORDURE; margin: MARGE EXTERNE" type="text" />

    Vous pouvez rajouter plusieurs attributs à "style". Bon, explication:
    ☺IMAGE DE FOND: si vous voulez rajouter une image de fond à votre zone de texte. Code: <img src="IMAGE" />
    ☺MARGE INTERNE: si vous voulez que le texte soit espacé un peut du bord, mettez ce code: NOMBRE DE PIXEL DU BORDpx
    ☺TAILLE DU TEXTE: pour choisir la taille du texte, mettais un nombre de pixel (genre 13)
    ☺BORDURE: si vous voulez modifier les bordures, mettais un code dans ce genre là, mais vous pouvez le modifier: 1px double black
    ☺MARGE EXTERNE: si vous voulez que votre zone de texte soit espacé des autres élément, mettais une valeur (genre 20)

    PS: Si vous voulez laisser les valeurs vides, mettez "none" (sauf pour la taille du texte!

    Et voilà, vous savez maintenant créer des zones de texte!


  • Commentaires

    1
    Samedi 24 Novembre 2012 à 15:09

    J'arrive a tout sauf l'image: ça ne veut pas marcher pr l'image !

    2
    Samedi 24 Novembre 2012 à 15:15

    montre moi ton code stp

    3
    Samedi 24 Novembre 2012 à 15:26

    <p><input style="background-image: http://accel10.mettre-put-idata.over-blog.com/0/04/06/13/fonds-d---cran/fond-zarbi-viollet.png; padding-left: MARGE INTERNEpx;" size="70 (NE RAJOUTEZ PAS PX); border: BORDURE; margin: MARGE EXTERNE" type="70" />

    4
    Samedi 24 Novembre 2012 à 17:01

    Donc code doit être comme ça:

    <input style="background-image: url("http://accel10.mettre-put-idata.over-blog.com/0/04/06/13/fonds-d---cran/fond-zarbi-viollet.png");" size="70"; type="text" />

    5
    Dimanche 25 Novembre 2012 à 14:55

    AH !!!! Ok merci

    6
    Dimanche 25 Novembre 2012 à 15:15

    mais heu, 70, c'est un peu grand non?

    7
    Dimanche 25 Novembre 2012 à 15:21

    Non ça va. Sinon trop marent le pére noel en haut !

    8
    Dimanche 25 Novembre 2012 à 17:12

    merci ^^

    9
    Samedi 13 Avril 2013 à 10:54

    ça sert à quoi de mettre une zone texte sur notre blog???

    10
    Samedi 13 Avril 2013 à 13:50

    Je sais pas... mais quand j'ai trouvé le code, j'ai kiffé! ;)

    11
    Samedi 13 Avril 2013 à 14:01
    12
    Titi
    Vendredi 24 Octobre 2014 à 08:06

    oui juste un truc, le texte tu le mets où? Parce que je code pour la première fois et du coup j'ai bien le cadre mais je n'arrive pas à placer mon texte en blonde que je suis XD



    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :