• Background [Fond]

    Par LiseFleur dans Les Codes HTML le 7 Mars 2014 à 14:36

    -Code pour les fiches Lapino.-

    Fond

    ★ Créer un fond de fiche :

    <div style="background: url(URL DU FOND) no-repeat #FFFFFF; width: 480px; padding: 10px 10px 10px 10px;">
    <div style="text-align: left;">Texte</div></div>

     

    Repeat: Le fait de répéter ou non le fond :

    - no-repeat = pas de répétition du fond.

    - repeat-y = répétition verticale.

    - repeat-x = répétition horizontale du fond.

    - repeat = répétition  dans tous les sens du fond.

    #Couleur = la couleur derrière le fond.

    Background-image: url(...) = Image du fond.

    Width: ...px = Largeur du cadre/du fond en pixels (px). La largeur d'une fiche Lapino est de 500 pixels.

    Padding: ..px ..px ..px ..px = C'est la distance entre le texte et le cadre. Dans l'ordre : haut, droite, bas, gauche.


  • Commentaires

    1
    Annafa
    Lundi 20 Octobre 2014 à 11:18

    yesJ'aimerais faire un fond de fiche mais je n'y arrive pas y a t-il une façon plus simple d'expliquer comme une vidéo ?

    Répondre
    3
    flagad1
    Samedi 3 Janvier 2015 à 17:42

    prévenez moi en cas de réponse

    Répondre
    4
    Awani Profil de Awani
    Lundi 23 Février 2015 à 21:14
    Awani

    C'est pas difficile. Tu fait Modifier ma présentation ensuite, tu vas en haut à droite et y a un rectangle bleu avec marqué HTML. Tu clique dessus et y a une fenêtre qui s'ouvre. Tu copie ton code et tu clique sur envoyer et c'est bon.

    Répondre
    5
    feuille morte
    Mercredi 25 Mars 2015 à 11:12

    ca fonctionne pas

    Répondre
    6
    alice
    Mercredi 28 Octobre 2015 à 21:18

     ca ne marche pas quand j'essai

     

    Répondre
    7
    wyffii17 Profil de wyffii17
    Vendredi 12 Février 2016 à 17:48
    wyffii17

    Normalement ça marche, ou sinon vous vous y êtes mal pris.

    Répondre
    8
    Phénix
    Mercredi 15 Mars 2017 à 09:31

    S.O.S !

    Ou est ce qu'il faut placer le "no-repeat" ? Voici mon code...


    <div style="text-align: -webkit-auto; background-image : url(https://i58.servimg.com/u/f58/19/59/89/79/plume10.jpg) no-repeat #006666 ; margin: auto; border: 1px solid #663333; width: 498px;">

    <div style="text-align: center;">[size=18][u][i][b]Un batpême.[/b][/i][/u][/size]<br></div>

    <div style="background-color: rgba(255, 255, 255, 0.6); margin: auto; padding: 20px 20px 20px 20px; width: 400px; border-top: 4px solid white; border-bottom: 1px solid white; border-left: 4px solid white; border-right: 1px solid white; border-top-left-radius: 0px; border-top-right-radius: 100px; border-bottom-right-radius: 0px; border-bottom-left-radius: 100px; box-shadow: 0px 0px 5px #000">

    <div style="text-align: center;">TEXTE<br></div></div><br>

    </div>

    Répondre
    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :