• qu'est-ce que c'est ?

    Pour faire simple, là je suis en train d'écrire sur un fond coloré.

     

    comment faire ?

    Pour commencer vous créez un article, vous écrivez votre texte et vous cliquez sur le bouton HTML de l'interface.
    Là vous voyez un <p> au début et un </p> à la fin de votre texte. remplacez le premier <p> par ce code là

    <p style="background-color: #couleur du fond qui apparaît blanc dans l'exemple;
    text-align: center; width: taille de la largeur du fond coloré en px; padding: 5px;">

    Fermez, enregistrez. Et normalement vous devriez avoir le resultat de l'exemple.
    Si vous souhaitez que votre texte soit aligné à droite vous remplacez center par right et si vous
    le voulez à gauche par left.

    La couleur du fond peut également être remplacée par une image, pour cela il faut remplacer

    background-color: #couleur du fond qui apparaît blanc dans l'exemple;

    par ça

    background-image: url(urldevotreimage)

     

    un peu plus d'approfondissement

    Pour arrondir les bords du fond

    <p style="background-color: #ffffff; padding: 5px; text-align: left; border-radius: 30px 30px 30px
    30px;">Pour faire simple, là je suis en train d'écrire sur un fond coloré.</p>

    30px : Bord supérieur gauche
    30px : Bord supérieur droit
    30px : Bord inférieur droit
    30px : Bord inférieur gauche

    Ce tutoriel n'est pas très explicatif comparé aux autres donc je comprendrai si quelque chose n'est pas très clair, il suffit juste de le demander par commentaire.


    23 commentaires